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 样式。因此，即使您使用覆盖的属性在其上应用 class，相同的元素也不会反映，因为内联 CSS 优先。如果您想强制执行 background-color 和 color 属性，请将它们标记为 !important 以查看预期的行为。

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

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

background color does not change with ng-class condition in angularjs

angularjs

ng-class

angularjs-material