角度如何知道按钮是提交按钮[重复]答案

【问题标题】：How does angular know the button is the submit button [duplicate]角度如何知道按钮是提交按钮[重复]
【发布时间】：2017-08-01 07:54:45
【问题描述】：

当我点击未定义为提交的按钮时，提交（formAccessor）按钮起作用。我对这种行为很好奇，因为我没有将它定义为提交按钮。事实上，当我在表单中添加另一个按钮时，它也会提交。如何将按钮放入表单并赋予它另一种行为？谢谢

<form #formAccessor="ngForm" on-ngSubmit="submit(formAccessor)">
    <div class="form-group">
        <label for="id">ID </label>
        <input ngModel  name="id" id="id" #idAccessor="ngModel" type="text" class="form-control">

    </div>
    <div class="form-group">
        <label for="dataModelVersion">Data Model Version </label>
        <input id="dataModelVersion" type="text" class="form-control">
    </div>
    <div class="form-group">
        <label for="orderId">orderId </label>
        <input id="orderId" type="text" class="form-control">
    </div>


    <button class="btn btn-primary pull-right">Submit</button>
</form>

【问题讨论】：

我猜表单中的按钮默认为type="submit"stackoverflow.com/questions/9643806/…
另请注意，该行为不是特定于 Angular 的。

标签： angular

【解决方案1】：

这种行为与 Angular 无关。这基本上就是您的浏览器如何自行解释按钮。你可以看到here，即使没有 Angular，该按钮的行为仍然像提交按钮一样。

<form>
  <input required>
  <button>
    Click
  </button>
</form>

但是，如果您为该按钮指定一个类型，它的行为应该是正常的。所以你可以指定类型button，它不会触发表单动作/提交，如图here。

<form>
  <input required>
  <button type="button">
    Click
  </button>
</form>

【讨论】：