метод onSubmit выполняется, когда я нажимаю другую кнопку внутри формы - PullRequest
Новая
       24

метод onSubmit выполняется, когда я нажимаю другую кнопку внутри формы

0 голосов
/ 19 апреля 2020

У меня есть список кнопок с изображениями внутри формы. Нажатие кнопки изображения запускает метод onSubmit, и я не знаю почему. Предполагается, что изображение будет присвоено только значению аватара пользователя ... Если кто-то может мне это объяснить ... Спасибо! 


<form class="col-md-6 form-style" #editProfileForm="ngForm" (ngSubmit)="onSubmit(editProfileForm)">
... 
<div class="form-group">
                <label for="surname">Avatar</label>
                <img [src]="'/assets/images/' + user.avatar +'.png'" width="35%" height="45%" alt="Icono de avatar">
                <div class="row" id="avatar-content">
                    <div *ngFor="let img of images" class="col-sm-5 col-md-3">
                        <button class=" btn btn-light alignCenter" (click)="user.avatar = img">
                 <img class="card-img-top" [src]="'/assets/images/' + img + '.png'" alt="Card image cap">
                        </button>
                    </div>
                </div>
            </div>

            ...

            <div class="form-group center">
                <input type="submit" value="{{saveBtn}}" class="btn btn-info" id="btnOk"
                    [disabled]="editProfileForm.invalid">
            </div>
</form>



onSubmit(form) {
    this.saveBtn = "Guardando..."
    this._userService.update(this.token, this.user).subscribe(
      response => {
        if (response.status == 'success') {
          console.log(response);
          this.status = 'success';
          ....
...