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

1、ng-model指令根据表单域的状态添加/移除如下类：

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

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

 

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