来源：未知 时间：2016-05-01 21:57 作者：xxadmin 阅读:次
[导读] 在anjularjs中可以根据ng-model绑定表单数据进行相关css类操作，代码如下： styleinput.ng-invalid{background-color:lightblue;}/stylebodyformng-app=name=myForm输入你的名字:inputname=myAddressng-model=textrequired/fo...
|
在anjularjs中可以根据ng-model绑定表单数据进行相关css类操作，代码如下： <style>
input.ng-invalid {
background-color: lightblue;
}
</style>
<body>
<form ng-app="" name="myForm">
输入你的名字:
<input name="myAddress" ng-model="text" required>
</form>以上代码意思是当表表单输出值时候，进行改变背景颜色，相关类有以下这些： ng-model 指令根据表单域的状态添加/移除以下类： ng-empty 空的 ng-not-empty 不为空 ng-touched 触摸后 ng-untouched 非触摸后 ng-valid 有效的值 ng-invalid 空值 ng-dirty 好像是有值时候触发 ng-pending 未决定 ng-pristine 原始值 |
自学PHP网专注网站建设学习,PHP程序学习,平面设计学习，以及操作系统学习
京ICP备14009008号-1@版权所有www.zixuephp.com
网站声明：本站所有视频，教程都由网友上传，站长收集和分享给大家学习使用，如由牵扯版权问题请联系站长邮箱904561283@qq.com
