javascript - 在输入搜索字段中按回车键时调用函数

Question

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

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

请建议我使用什么。我尝试使用一些表单元素，但它破坏了我的设计。我不想改变外观和设计。

Answer 1

你可以使用

<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);
 }
}

这是更有棱 Angular 的方式