Question

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

<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>

Answer 1

此行为与Angular无关。这基本上就是你的浏览器如何单独代表一个按钮。你可以看到here，即使没有Angular，按钮的行为仍然与提交按钮一样。

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

但是，如果为该按钮指定类型，则其行为应如此。因此，您可以指定不会触发表单操作/提交的类型button，如here所示。

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

角度如何知道按钮是提交按钮

1 个答案: