Question

我下载的指令只收到数字并有一些额外的选项;但是，在运行它之后，我在其中一个选项中得到了一个rootScope错误：

<input type="text"  ng-model="mynumber" nks-only-number allow-decimal="false" />

我认为错误的条件是出现这个错误，但我不知道为什么。

以下是演示： http://jsfiddle.net/RmDuw/896/

代码：

(function(){
    angular.module('myApp', [])
      .directive('nksOnlyNumber', function () {
        return {
          restrict: 'EA',
            require: 'ngModel',
            link: function (scope, element, attrs, ngModel) {   
               scope.$watch(attrs.ngModel, function(newValue, oldValue) {
                  var spiltArray = String(newValue).split("");

                  if(attrs.allowNegative == "false") {
                    if(spiltArray[0] == '-') {
                      newValue = newValue.replace("-", "");
                      ngModel.$setViewValue(newValue);
                      ngModel.$render();
                    }
                  }

                  if(attrs.allowDecimal == "false") {
                      newValue = parseInt(newValue);
                      ngModel.$setViewValue(newValue);
                      ngModel.$render();
                  }

                  if(attrs.allowDecimal != "false") {
                    if(attrs.decimalUpto) {
                       var n = String(newValue).split(".");
                       if(n[1]) {
                          var n2 = n[1].slice(0, attrs.decimalUpto);
                          newValue = [n[0], n2].join(".");
                          ngModel.$setViewValue(newValue);
                          ngModel.$render();
                       }
                    }
                  }


                  if (spiltArray.length === 0) return;
                  if (spiltArray.length === 1 && (spiltArray[0] == '-' || spiltArray[0] === '.' )) return;
                  if (spiltArray.length === 2 && newValue === '-.') return;

                    /*Check it is number or not.*/
                    if (isNaN(newValue)) {
                      ngModel.$setViewValue(oldValue || '');
                      ngModel.$render();
                    }
                });
            }
        };
    });
}());

Answer 1

我相信问题，看着你的粘贴代码（不是不同的JSFiddle），是ngModel.$render()被调用两次。如果我从attrs.allowDecimal == false条件或结束isNaN(newValue)条件中删除它，代码运行正常。

由于我不确定你的最终目标是什么，我忽略了实际重写你的代码。但是，这解决了http://gluonhq.com/handling-android-native-activities-like-a-pro/错误。

指令错误$ rootScope：infdig Infinite $ digest循环

1 个答案: