angularjs - modelValue 和 viewValue 的区别

Question

使用自定义指令，添加验证函数以验证整数输入

var INTEGER_REGEXP = /^\-?\d+$/;
app.directive('integer', function() {
  return {
    require: 'ngModel',
    link: function(scope, elm, attrs, ctrl) {
      ctrl.$validators.integer = function(modelValue, viewValue) {
        if (ctrl.$isEmpty(modelValue)) {
          // consider empty models to be valid
          return true;
        }

        if (INTEGER_REGEXP.test(viewValue)) {
          // it is valid
          return true;
        }

        // it is invalid
        return false;
      };
    }
  };
});

$validators 对象中的每个函数都接收模型值和 View 值。

modelValue 和 viewValue 有什么区别？

Answer 1

可以定义 $formatter s 和 $parser s 在您的 ngModelController . viewValue 是渲染指令用来绘制自身的值，modelValue 是存储在 ngModel 的 $parser 作用域中的值。列表已被应用。如果您更改范围中的值，ngModel 将通过其 $formatters 运行该值。然后由渲染指令将其作为 viewValue 读取。

通常 viewValue 是显示在输入元素中的字符串，而 modelValue 是已解析为目标格式的值(例如 datepicker 指令中的 Date 对象)