网站地图    收藏   

主页 > 前端 > AngularJS >

anjularjs中ng-model相关类定义与解释

来源:未知    时间: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

添加评论