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類，標籤和類之間不能加空格。

 

        怎麼會有這樣的區別？默認的？記錄一下。。。