内裤总动员之AngularJS模块

             各位观众老爷大家好,欢迎收看内裤总动员之程序猿的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的作用域. 谢谢大家~~~~~

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容