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

为什么80%的码农都做不了架构师?>>>   hot3.png

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

 

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

      

转载于:https://my.oschina.net/fycool/blog/797034

你可能感兴趣的:(Angular中ng-model指令根据表单域状态添加css类的“空格”问题)