AngularJS入门教程之AngularJS模型

前端之家收集整理的这篇文章主要介绍了AngularJS入门教程之AngularJS模型前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

相关阅读:

@L_404_0@

在前面表达式和指令的教程中了解到,AngularJS模型(ng-model)可以将HTML输入域中的值与AngularJS创建的变量绑定。

<Meta charset="utf-8">
你输入了: {{name}}

修改输入框的值,标题的名字也会相应修改

应用状态 ng-model 指令可以为应用数据提供状态值

dirty 当数据被修改时状态为TRUE,没有被修改过为FALSE。即使修改为原来的值,也为TRUE。

valid 输入值合法时为TRUE,不合法则为FALSE。

touched 通过触屏点击为TRUE,没有点击为FALSE。

根据状态来应用CSS样式

<Meta charset="utf-8">

myForm.myAddress.$error.email属性为TRUE(邮箱格式不正确)时,ng-show会控制span的内容显示出来。

以上内容是小编给大家介绍的AngularJS入门教程之AngularJS模型,希望对大家有所帮助!

猜你在找的JavaScript相关文章