内裤总动员之AngularJS模块

             各位观众老爷大家好,欢迎收看内裤总动员之程序猿的IT程序大讲堂,今天给大家分享一个新的东西就是.AngularJS.跟着上一次的继续,今天给大家分享一下AngularJS模块.


AngularJSng-model 指令

ng-model 指令用于绑定应用程序数据到 HTML 控制器(input, select, textarea)的值。

ng-model指令可以将输入域的值与 AngularJS 创建的变量绑定。

请看栗子:

内裤总动员之AngularJS模块_第1张图片
ng-model

双向绑定

双向绑定,在修改输入域的值时, AngularJS 属性的值也将修改:

{{name}}

验证用户输入

ng-show

以上实例中,提示信息会在ng-show属性返回true的情况下显示。

$error : 报错信息的意思


应用状态


内裤总动员之AngularJS模块_第2张图片

在这里呢有三个知识点.

$valid :  输入的值匹配或者合法将为true

$dirty :  输入的值只要有改动将为true

$touched : 屏幕点击输入框进行焦距后再离开就会变为true.


CSS类


内裤总动员之AngularJS模块_第3张图片

在这里有连个知识点:

ng-invalid:  这是个啥玩意,内裤我也不知道. 但是可以知道的是他来修饰CSS样式了. 代码中添加了个背景颜色.

required:  这个属性为必须.  这样的话你在数据框中如果输入信息后背景为白色,空位设置的背景颜色. 


      好啦,关于模块的信息我就介绍到这里,后续将为大家介绍一下 scope的作用域. 谢谢大家~~~~~

你可能感兴趣的:(内裤总动员之AngularJS模块)