背景色不随angularjs中ng类条件的变化而变化

背景色不随angularjs中ng类条件的变化而变化,angularjs,ng-class,angularjs-material,Angularjs,Ng Class,Angularjs Material,所有其他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="{

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

您似乎一直在使用
ng样式
,它已经应用了
背景色
颜色
样式。因此,即使您使用Overrided属性在其上应用一个类,同一个元素也不会反映,因为内联CSS是首选项。如果要强制执行
背景色
颜色
属性,请将它们标记为
!重要信息
查看预期行为



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

内联样式中是否也提到了
背景色
颜色
属性?是,当数据已经从服务器中选择时,我还更改了更改类。因此,没有手动点击来保持焦点@PankajParkarSee如果在
style1
prop中已经提到了这些属性,那么内联样式是第一优先选择,那么尝试从
class
重写这些属性将不起作用(除非它们被标记为!重要)
.selected-btn {
        padding: 2px;
        font-size: 20px;
        color: #ffffff;
        background-color: #122b01;
    }