与AngularJS验证策略(Validation strategies with AngularJ

2019-09-23 14:11发布

我评价一个AngularJS,到目前为止,我对此很热心。 但是,有一些失踪前端验证:可用的选项,如内置的机制和AngularUI举措 ,通过指令执行校验和,因此,每个验证应该在视图中宣称:

<form ng-controller="SomeController">
    <!-- Notice the 'required' attribute directive below: -->
    <input type="text" ng-model="user.name" name="uName" required />
</form>

在这个例子中,该视图限定user.name是必需的。 这就像说的视图定义模型的适当形状。 是不是有点倒退? 如果不是视图反映的状态,包括错误状态时,它的情况?

是我错了? 我不知道是否有可能在控制器应用任何验证,信令模型的数据作为有效/无效,并相应地更新视图(用红色喷漆表单控件,显示错误信息,清除以前的错误等等)。 我假设AngularJS是这个足够强大,但在文档和样本到目前为止,我只是还没有像我上述见过。 谢谢!

Answer 1:

我想它的所有关于视角。 我看到它的方式是,你定义它包含一个表单视图和表单包含文本类型的输入。 这是因为要求你标记这个文本输入。 如果你注意,角度并不关心文本是user.name或user.age或任何其他。 与需要它只是关联的文本输入。 因此,它仅仅验证文本输入,并与该模型相关联的模型是最终的结果(其中值进去,如果验证通过的地方!)。

看一下

http://docs.angularjs.org/guide/forms

自定义表单验证,如果你想在做的是不是默认的验证。

既然你已经知道,事先得到所产生的视图(可以调用它在编译的时候!),你都可以验证在视图中,因此联想不会必须做的控制器(这或许是运行时间的验证! )。



文章来源: Validation strategies with AngularJS