javascript - (AngularJS 指令)在输入模糊时更改模型值

Question

我有一个 ng-model 输入元素，我想在其中输入整数、正数，但如果输入为空，则将模型值设置为“1”。

我创建了一个指令，但在输入模糊后它不会将模型值更改为“1”:

angular.module('myapp', [])
.controller('MainCtrl', function ($scope) {
  $scope.item = { qty: 2 };
})
.directive('cartQty', function () {
  return {
    require: 'ngModel',
    link: function (scope, elem) {
        scope.$watch('item.qty', function (newValue, oldValue) {
            var arr = String(newValue).split('');
            if (arr.length == 0) return;
            if (newValue == 0) scope.item.qty = 1;
            if (isNaN(newValue)) scope.item.qty = oldValue;
        });
        elem.on('blur', function () {
            var value = String(elem[0].value);
            if (value.length == 0) scope.item.qty = 1;
        });
    }
  };
});

这是实时 JSFiddle 示例:http://jsfiddle.net/buh86w8n/2/

有没有人可以帮助我？

Answer 1

elem.on('blur', function(){//code..}) 超出了 Angular 范围。

要在 elem.on blur 事件中更改范围值，您必须调用 $apply()。

这里是 working plunkr

elem.on 模糊事件:

elem.on('blur', function () {
    var value = String(elem[0].value);
    if (value.length == 0){
        scope.item.qty = 1;
        scope.$apply();
    }
});