ng-model
的作用:1.ng-model 指令可以将输入域的值与 AngularJS 创建的变量绑定 2.双向绑定,在修改输入域的值时, AngularJS 属性的值也将修改 3.数据校验 4.ng-model 指令可以为应用数据提供状态值(invalid,dirty,touched,error) 5.ng-model 指令基于它们的状态为 HTML 元素提供了 CSS 类
css内容:
添加或者删除对应的样式*/
/*定义输入框不合法的默认背景颜色*/
input.ng-invalid {
background-color: grey;
}
/输入框数据合法的默认背景颜色/
input.ng-valid {
background-color: yellow;
}
HTML正文:
名字:
angularJS双向绑定:{{name}}
表单输入信息校验
ng-model 指令可以为应用数据提供状态值(invalid,error)
ng-model 指令基于它们的状态为 HTML 元素提供了 CSS 类