前端开发

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

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

分享到：

【字体：大中小】

2016-10-24
来源：网络
454
39
14

导读：
在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 Module方法详解_AngularJS_自...
AngularJS是什么？ AngularJs（后面就简称ng了）是一个用于设计动态web应用的结构框架。首先，它是一个框架，不是类库，是像EXT一样提供一整套方案用于设计web应用。它不仅仅是一个javascript框架，因为它的核心其实是对HTML标签的增强。何为HTML标签增强？其实就是使你能够用标签完成一部分页面逻辑，具体方式就是通过...

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

About

特别鸣谢使用协议

意见反馈网站投稿

前端开发

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

Tags

About