javascript - 在输入搜索字段中按回车时调用功能

我的HTML代码：

<div class="input-group">
                <input type="text" class="form-control" placeholder="Enter Text" ng-model="csrModel.accountNumber" />
                <span class="input-group-addon" ng-click="csrModel.search(csrModel.accountNumber)">
                    <i class="fa fa-search"></i>
                </span>
            </div>

我有用作搜索字段的输入框。在单击跨度时，我正在调用ng-click函数。
同样的想法是，我希望用户何时在输入字段中输入一些文本后需要输入ng-click函数。



请建议我使用什么。
我尝试使用某种形式的元素，但它弄乱了我的设计。我不想更改外观和设计。

最佳答案

您可以使用

<input type="text" class="form-control" placeholder="Enter Text"
ng-model="csrModel.accountNumber"
ng-keyup="callOnEnter($event,csrModel.accountNumber)"/>

和在JS中

$scope.callOnEnter = function($event, accountNumber) {
 if ($event.keyCode === 13) {
   $scope.csrModel.search(accountNumber);
 }
}

更棱角分明的方式