javascript - 在使用 minlength 的同时观看 ng-model ？

Question

我正在尝试观察 ng-model 的值，同时也使用 minlength 验证。问题是模型值保持为空/未定义，直到满足验证标准。

HTML

<input ng-model="xyz" minlength="8" />

JS

$scope.$watch('xyz', function(val) {
  // Will either be undefined or a
  // string bigger than or equal
  // to 8 characters.
  console.log(val);
});

我知道我可以对元素的值进行子串，但此代码是在使用$compile的指令中实现的，所以理想情况下我更愿意观看模型值。

关于如何解决这个问题有什么想法吗？

Answer 1

https://docs.angularjs.org/api/ng/directive/ngModelOptions

allowInvalid: bool 值，表示可以使用未正确验证的值来设置模型，而不是将模型设置为未定义的默认行为。