Keydown不能正确刷新输入文本中的ng-model，但是keyup可以

Question

我需要在指令中使用ng-model检索文本输入的值，以将值发送到数据库。如果我在指令中使用keydown事件，并在输入中输入例1234，则在我的指令中显示的结果为123，如果我写入abc，则结果为ab。如果使用keyup，则不存在此问题（已使用Firefox和chrome测试）。为什么会发生？

我的代码：

.directive('updateDbb', ["$http", function ($http) {
 return {
 restrict: 'A',
 require: 'ngModel',
  link: function (scope, element, attrs, ngModel) {
        // Listen for change events to enable binding
        var ngModelValue, inputName, testValid, dbbFieldName, idDbb;
        element.bind('keydown', function () {
            ngModelValue = ngModel.$viewValue;
            console.log(ngModelValue); // Show with delay, not the case with "keyup"!!!

...

Answer 1

keydown当用户按下按键时以及在将字符插入输入中之前触发。这就是为什么它不被更新的原因。

keypress在输入中插入实际字符时触发。我认为这是您要使用的事件（如果用户按住该键，则将为插入的每个字符触发一次事件）

keyup将字符插入输入后，当用户释放键时触发。（如果用户按住该键，则事件将仅触发一次）