背景颜色不会随angularjs中的ng-class条件而改变

Question

所有其他css元素工作正常相当背景颜色和颜色。

    <md-button class="md-raised" ng-style="style1"
                       ng-click="style1=style; style2=null;style3=null;style4=null;removable=0;loadPorcessBarcodes();Head.ProcessMode=1" 
                       ng-class="{'selected-btn': Head.ProcessMode == 1}">Auto Nozzle From Stock</md-button>

我的css：

.selected-btn {
        padding: 2px;
        font-size: 20px;
        color: #ffffff;
        background-color: #122b01;
    }

Answer 1

看起来你一直在使用ng-style，它已经应用了background-color和color风格。因此，即使您使用重写属性对其应用类，相同的元素也不会反映，因为内联CSS具有首选性。如果您想强制执行background-color和color属性，请将它们标记为!important以查看预期的行为。

---

解决这个问题的其他更好的方法是将style1移动到新类，并使用ng-class及其适当的表达式应用它。