前端开发

首页 > 前端开发 > AngularJS > anjularjs中ng-model相关类定义与解释

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

分享到：

【字体：大中小】

2017-08-04
来源：网络
1262
0
20

导读：
[导读] 在anjularjs中可以根据ng-model绑定表单数据进行相关css类操作，代码如下： styleinput.ng-invalid{background-color:lightblue;}/stylebodyformng-app=name=myForm输入你的名字:inputname=myAddressng-model=textrequired/fo...

在anjularjs中可以根据ng-model绑定表单数据进行相关css类操作，代码如下：





    输入你的名字:

以上代码意思是当表表单输出值时候，进行改变背景颜色，相关类有以下这些：

ng-model 指令根据表单域的状态添加/移除以下类：

ng-empty 空的

ng-not-empty 不为空

ng-touched 触摸后

ng-untouched 非触摸后

ng-valid 有效的值

ng-invalid 空值

ng-dirty 好像是有值时候触发

ng-pending 未决定

ng-pristine 原始值

分享到：

Angularjs注入拦截器实现Loading效果_Ang...
angularjs作为一个全ajax的框架，对于请求，如果页面上不做任何操作的话，在结果烦回来之前，页面是没有任何响应的，不像普通的HTTP请求，会有进度条之类。什么是拦截器？ $httpProvider 中有一个 interceptors 数组，而所谓拦截器只是一个简单的注册到了该数组中的常规服务工厂。下面的例子告诉你怎么创建一个拦截器: ...

AngularJS进行性能调优的7个建议_Angular...
　AnglarJS作为一款优秀的Web框架，可大大简化前端开发的负担。近日Sebastian Fröstl在一篇博文《AngularJS Performance Tuning for Long Lists》中表示AnglarJS在处理包含复杂数据结构的大型列表时，其运行速度会非常慢。他在文中同时分享了解决方案。下面为该文的译文。　　AnglarJS很棒，但当处理包含复杂数据结构的...

php迷，一个php技术的分享社区，专属您自己的技术摘抄本、收藏夹。
在这里……

About

特别鸣谢使用协议

意见反馈网站投稿

前端开发

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

Tags

About