如何在AngularJS中使用按键事件？

7 浏览
0 Comments

如何在AngularJS中使用按键事件？

我想要捕捉下面文本框中的回车键按下事件。为了更清晰，我使用了ng-repeat来填充tbody。以下是HTML代码：

 

这是我的模块：

angular.module('components', ['ngResource']);

我正在使用一个资源来填充表格，我的控制器代码是：

function Ajaxy($scope, $resource) {
//controller which has resource to populate the table 
}

admin 更改状态以发布 2023年5月24日
0

2 答案

0 Comments

另一种方法是使用标准指令ng-keypress="myFunct($event)"

然后在你的控制器中可以有：

...
$scope.myFunct = function(keyEvent) {
  if (keyEvent.which === 13)
    alert('I am an alert');
}
...

0
0 Comments

你需要添加一个像这样的 directive：

Javascript:

app.directive('myEnter', function () {
    return function (scope, element, attrs) {
        element.bind("keydown keypress", function (event) {
            if(event.which === 13) {
                scope.$apply(function (){
                    scope.$eval(attrs.myEnter);
                });
                event.preventDefault();
            }
        });
    };
});

HTML:

0