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

【问题标题】：background color does not change with ng-class condition in angularjs背景颜色不会随着 angularjs 中的 ng-class 条件而改变
【发布时间】：2019-02-18 20:14:50
【问题描述】：

所有其他 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;
    }

【问题讨论】：

内联样式中是否也提到了background-color 和color 属性？
是的，它正在工作 ng-click，当数据已经从服务器中选择时，我也会更改更改类。所以没有手动点击来保持焦点。 @PankajParkar
看看这些属性是否已经在style1 属性中提到过，所以内联样式优先考虑，尝试覆盖class 中的那些属性是行不通的（除非它们被标记为！重要）跨度>

标签： angularjs ng-class angularjs-material

【解决方案1】：

您似乎一直在使用ng-style，它已经在应用background-color 和color 样式。因此，即使您使用覆盖的属性对其应用类，相同的元素也不会反映，因为内联 CSS 优先。如果您想强制执行 background-color 和 color 属性，请将它们标记为 !important 以查看预期行为。

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

【讨论】：