内裤总动员之AngularJS模块
2016-07-13 本文已影响41人
5034af144007
各位观众老爷大家好,欢迎收看内裤总动员之程序猿的IT程序大讲堂,今天给大家分享一个新的东西就是.AngularJS.跟着上一次的继续,今天给大家分享一下AngularJS模块.
AngularJSng-model 指令
ng-model 指令用于绑定应用程序数据到 HTML 控制器(input, select, textarea)的值。
ng-model指令可以将输入域的值与 AngularJS 创建的变量绑定。
请看栗子:
ng-model
双向绑定
双向绑定，在修改输入域的值时， AngularJS 属性的值也将修改：
{{name}}
验证用户输入
ng-show
以上实例中，提示信息会在ng-show属性返回true的情况下显示。
$error : 报错信息的意思
应用状态
在这里呢有三个知识点.
$valid : 输入的值匹配或者合法将为true
$dirty : 输入的值只要有改动将为true
$touched : 屏幕点击输入框进行焦距后再离开就会变为true.
CSS类
在这里有连个知识点:
ng-invalid: 这是个啥玩意,内裤我也不知道. 但是可以知道的是他来修饰CSS样式了. 代码中添加了个背景颜色.
required: 这个属性为必须. 这样的话你在数据框中如果输入信息后背景为白色,空位设置的背景颜色.
好啦,关于模块的信息我就介绍到这里,后续将为大家介绍一下 scope的作用域. 谢谢大家~~~~~
