AngularJS 的验证策略

2024-04-26

我正在评估 AngularJS,到目前为止我对它非常感兴趣。但是验证方面缺少一些东西:可用的选项,例如内置机制 http://docs.angularjs.org/guide/formsAngularUI 倡议 http://angular-ui.github.com/,通过指令实现验证器,因此,每个验证都应该在视图中声明:

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

在此示例中,视图定义了user.name是必须的。这就像说视图定义了模型的正确形状。是不是有点落后了?视图不应该反映状态,包括错误状态吗?

我错了吗?我想知道是否可以应用任何验证器控制器,将模型的数据标记为有效/无效,并相应地更新视图(用红色绘制表单控件、显示错误消息、清除以前的错误等)。我假设 AngularJS 对此足够强大,但在到目前为止的文档和示例中,我还没有看到像我上面描述的那样的东西。谢谢!


我想这全都与视角有关。我认为,您正在定义一个包含表单的视图,并且该表单包含文本类型的输入。您根据需要标记的就是这个文本输入。如果你注意到的话,Angular 并不关心文本是 user.name 还是 user.age 或者其他什么。它只是将该文本输入与必需的相关联。因此,它只是验证该文本输入以及与该模型关联的模型就是最终结果(如果验证通过,则该值进入的位置!)。

看一下

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

对于自定义表单验证,如果您想要进行非默认验证。

由于您已经知道提前生成的视图(让我们在编译时调用它!),因此您可以关联视图中的所有验证器,因此不必在控制器中执行此操作(这可能是用于运行时验证! )。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

AngularJS 的验证策略 的相关文章

随机推荐