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

为什么80%的码农都做不了架构师？>>>   

一、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