时间戳

首页 > 解决方案 > 当我在表单中按下不同的按钮时执行 onSubmit 方法

angular - 当我在表单中按下不同的按钮时执行 onSubmit 方法

问题描述

我在表单中有一个带有图像的按钮列表。按下图像按钮会执行 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';
          ....

标签： angularformsonsubmit

解决方案

推荐阅读