JavaScript 数组是 NaN？ AngularJS ngModel

Question

我正在尝试查看 ngModel 的值是什么:

.directive('myDir', function() {
  return {
    require: '?ngModel',
    link: function(scope, elm, attr, ngModel) {
      if (!ngModel)
        return

      console.log(ngModel)
      console.log(ngModel.$modelValue)
    }
  };
})

即使我的 ngModel 是一个数组，它也会记录 NaN？

Answer 1

$viewValue 和 $modelValue 默认为 Number.NaN -- Not - a - Number 的 JavaScript 定义。

检查 Github 然后你会发现

var NgModelController = ['$scope', '$exceptionHandler', '$attrs', 
                                 '$element', '$parse',
'$animate', '$timeout',
    function($scope, $exceptionHandler, $attr, $element, $parse, 
                   $animate, $timeout) 
  {
  this.$viewValue = Number.NaN;
  this.$modelValue = Number.NaN;

为什么这样方便？因为 AngularJS 试图避免像 null 和 undefined 这样的情况。 View 值和模型值由“范围”绑定(bind)和定义。这就是 $scope 服务的意义所在——管理 modelValue 和 viewValue。

在 AngularJS 服务访问它们之前，它们默认为 number.NaN