文档章节

Angular中ng-model指令根据表单域状态添加css类的“空格”问题

coolrp
 coolrp
发布于 2016/11/30 20:29
字数 206
阅读 216
收藏 0

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

  • ng-empty
  • ng-not-empty
  • ng-touched
  • ng-untouched
  • ng-valid
  • ng-invalid
  • ng-dirty
  • ng-pending
  • ng-pristine

二、Angular在css中添加类的时候的空格问题:

       1. 我们在一般css中标签和类名之间一般用一个空格隔开,比如div标签下的类名为div1,如果不加空格,样式失效。

div .div1 {
    background: red;
}

       

        总结:一般 css中标签和类名之间加空格。

    

       2.当我在Angular中的.ng-invalid类前面加了一个空格时,发现样式失效了!!!

input .ng-invalid {
    background-color: red;
}

       

        正确的如下:

input.ng-invalid {
    background-color: red;
}

       

        总结:Angular中的指令添加的css类,标签和类之间不能加空格。

 

        怎么会有这样的区别?默认的?记录一下。。。

      

© 著作权归作者所有

共有 人打赏支持
coolrp
粉丝 10
博文 42
码字总数 7333
作品 0
襄阳
程序员
私信 提问
AngularJS 的表单验证

今天我们将来看看Angular如何帮助做表单验证. 我们将讨论更多使用angular进行有关表单操作的东西(就像我们另外的一篇文章: 提交Ajax表单:AngularJS的方式). 不过不用担心,那篇文章不一定要...

oschina
2014/06/22
67.4K
7
第217天:深入理解Angular双向数据绑定的原理

一、理解angular双向数据绑定 双向绑定是新的前端框架中频繁出现的一个新词汇,也是mvvm的核心原理。angularjs五条核心信念中的数据驱动,便是由双向绑定进行完成。 那么什么是双向绑定,下面...

半指温柔乐
04/10
0
0
AngularJS 1.2.x 学习笔记(表单校验篇)

在新的项目中巧妙地接触到了Google提供的前端MVC框架 AngularJS,它的数据双向绑定真的能够让前端开发者从繁复的DOM操作中解放出来。 在我断断续续的学习AngularJS一个多月后,可以来讲讲我的...

cokolin
2015/11/06
0
0
AngularJS 的自定义指令

这是一篇angularjs自定义指令的教程。就让我们来看看,如何在angularjs中自定义指令吧!我们将利用现有的guitar angularjs app,这在 教程14: AngularJ表单验证 中用到过。你可以在这里下载 ...

oschina
2014/07/28
13.5K
2
AngularJS 提交表单的方式

在AngularJS出现之前,很多开发者就面对了表单提交这一问题。由于提交表单的方式繁杂而不同,很容易令人疯掉……然而现在看来,依然会让人疯掉。 今天,我们会看一下过去使用PHP方式提交的表...

oschina
2014/06/21
59.2K
17

没有更多内容

加载失败,请刷新页面

加载更多

CentOS配置Tomcat监听80端口,虚拟主机

Tomcat更改默认端口为80 更改的配置文件是: /usr/local/tomcat/conf/server.xml [root@test-a ~]# vim /usr/local/tomcat/conf/server.xml # 找到 Connector port="8080" protocol="HTTP/1......

野雪球
21分钟前
2
0
《稻盛和夫经营学》读后感心得体会3180字范文

《稻盛和夫经营学》读后感心得体会3180字范文: 一代日本经营之圣稻盛和夫凭借刻苦勤奋的精神以及深植于佛教的商业道德准则,成为了“佛系”企业家的代表人物。在《稻盛和夫经营学》“领导人...

原创小博客
今天
1
0
java框架学习日志-5(常见的依赖注入)

依赖注入(dependency injection) 之前提到控制反转(Inversion of Control)也叫依赖注入,它们其实是一个东西,只是看的角度不同,这章详细说一下依赖注入。 依赖——指bean对象创建依赖于...

白话
今天
2
0
红外接收器驱动开发

背景:使用系统的红外遥控软件没有反应,然后以为自己接线错误,反复测试,结果烧坏了一个红外接收器,信号主板没有问题。所以自己开发了一个红外接收器的python驱动。接线参见https://my.os...

mbzhong
今天
2
0
ActiveMQ消息传送机制以及ACK机制详解

AcitveMQ是作为一种消息存储和分发组件,涉及到client与broker端数据交互的方方面面,它不仅要担保消息的存储安全性,还要提供额外的手段来确保消息的分发是可靠的。 一. ActiveMQ消息传送机...

watermelon11
今天
2
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部