Angular中ng-model指令根据表单域状态添加css类的“空格”问题
博客专区 > coolrp 的博客 > 博客详情
Angular中ng-model指令根据表单域状态添加css类的“空格”问题
coolrp 发表于1年前
Angular中ng-model指令根据表单域状态添加css类的“空格”问题
  • 发表于 1年前
  • 阅读 205
  • 收藏 0
  • 点赞 0
  • 评论 0

标题:腾讯云 新注册用户域名抢购1元起>>>   

一、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类,标签和类之间不能加空格。

 

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

      

共有 人打赏支持
粉丝 10
博文 26
码字总数 3097
×
coolrp
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: