如何处理无效输入?

时间:2016-08-13 19:27:50

标签: angularjs angularjs-directive

我为输入数据编写并添加了自定义验证器,以防止提交表单(包含无效数据)。而且似乎是奖励我也没有处理无效数据 - 例如,尽管输入正在改变,但ng-change没有被触发。

那么如何允许处理输入,并告诉Angular使用验证器来判断表单是否有效?

这是一个简单的plunker:https://plnkr.co/edit/AXNmvPUBGVNkwZazqUqW?p=preview当验证器始终返回true时,会触发ng-change(请参阅控制台)。一旦开始真正的验证(在这种情况下,非空输入无效),您将看不到ng-change被解雇。

1 个答案:

答案 0 :(得分:1)

这是预期的行为,但您可以使用ngModelOptions指令使其按预期工作。

只需将以下内容添加到input

即可
ng-model-options="{allowInvalid: true}"

查看分叉 DEMO