角度2 ngForm;为什么所有按钮都调用ngSubmit?

时间:2017-02-01 18:48:24

标签: angular typescript

我正在使用ngFormngSubmit,当我点击没有与之关联的操作的按钮时,为什么save()被调用时有点困惑。就像这里的取消按钮一样。它应该什么都不做,对吧?这是我的表格。

<form #editForm="ngForm" (ngSubmit)="save()">

    <div class="form-group" [ngClass]="{'has-error': url.invalid}">
        <label for="url">Feed URL</label>
        <input type="url" class="form-control"
           id="url" name="url"
           [(ngModel)]="configuration.service" #url="ngModel"
           required pattern="https?://.+">
        <div class="has-error text-danger" [hidden]="url.valid">
            <span [hidden]="!url.errors?.required">
        URL is required
      </span>
      <span [hidden]="!url.errors?.pattern">
        URL is invalid
      </span>
        </div>
    </div>

    <button type="submit" class="btn btn-primary" [disabled]="editForm.form.invalid">
    Save
  </button>
  <button class="btn btn-warning">
    Cancel
  </button>

</form>

为什么取消的任何想法都是调用save函数?

0 个答案:

没有答案