如何在angular.js中检测keydown或keypress事件？

Question

我正在尝试获取手机号码文本框的值，以使用angular.js验证其输入值。我是使用angular.js的新手，但不确定如何实现这些事件，并在我的html代码上放了一些JavaScript来验证或操作表单输入。

这是我的HTML：

    <div>
        <label for="mobile_number">Mobile Number</label>
        <input type="text" id="mobile_number" placeholder="[phone]" required
           ngcontroller="RegisterDataController" ng-keydown="keydown">
    </div>

而我的控制器：

    function RegisterDataController($scope, $element) {
       console.log('register data controller');
       console.log($element);
       $scope.keydown = function(keyEvent) {
        console.log('keydown -'+keyEvent);
       };
    }

我不确定如何在angular.js中使用keydown事件，我也搜索了如何正确使用它。我可以验证我对指令的输入吗？还是我应该像使用控制器那样使用诸如keydown或keypress之类的事件？

Answer 1

更新：

ngKeypress，ngKeydown而ngKeyup现在AngularJS的一部分。

<!-- you can, for example, specify an expression to evaluate -->
<input ng-keypress="count = count + 1" ng-init="count=0">

<!-- or call a controller/directive method and pass $event as parameter.
     With access to $event you can now do stuff like 
     finding which key was pressed -->
<input ng-keypress="changed($event)">

在这里阅读更多：

https://docs.angularjs.org/api/ng/directive/ngKeypress


https://docs.angularjs.org/api/ng/directive/ngKeydown


https://docs.angularjs.org/api/ng/directive/
ngKeyup

较早的解决方案：

解决方案1：ng-change与ng-model

<input type="text" placeholder="[phone]" ng-model="mobileNumber" 
ng-controller="RegisterDataController" ng-change="keydown()">

JS：

function RegisterDataController($scope) {       
   $scope.keydown = function() {
        /* validate $scope.mobileNumber here*/
   };
}

解决方案2.使用 $watch

<input type="text" placeholder="[phone]" ng-model="mobileNumber" 
ng-controller="RegisterDataController">

JS：

$scope.$watch("mobileNumber", function(newValue, oldValue) {
    /* change noticed */
});