在Internet中使用angularJS单击enter表单功能

Question

我在angularJS中有这样一个表单：

<form>
    <div class="row form-group">
      <div class="col-xs-4">
        <label>Product name:</label>
      </div>
      <div class="col-xs-8">
        <input ng-model="vm.name" ng-disabled="vm.product.name">
      </div>
    </div>
    <button ng-hide="1" ng-click="vm.addName()"></button>
  </form>

这样做的想法是，当用户输入名称时，表单会锁定它(在addName()中)，并执行一个API调用来搜索相关数据。在firefox和chrome中，这是很好的工作方式，但是点击事件不会在internet中触发。有办法解决这个问题吗？

我只需要一种方法，当'enter‘按下表单字段中的输入时，单击事件就会触发。是否有办法使此功能成为internet explorer中的默认功能？

Answer 1

在表单中的输入上按enter键时，默认行为是提交表单，或者单击submit按钮(取决于浏览器)。如果有一个没有类型和没有提交按钮的按钮，浏览器可以将该按钮更改为提交按钮。

要获得一致的结果，请将按钮更改为submit按钮，并将addName调用移动到表单的submit事件。

<form ng-submit="vm.addName()">
  <div class="row form-group">
    <div class="col-xs-4">
      <label>Product name:</label>
    </div>
    <div class="col-xs-8">
      <input ng-model="vm.name" ng-disabled="vm.product.name">
    </div>
  </div>
  <button ng-hide="1" type="submit"></button>
</form>