цвет фона не меняется с условием ng-класса в angularjs - PullRequest
0 голосов
/ 18 февраля 2019

Все остальные элементы 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;
    }

1 Ответ

0 голосов
/ 18 февраля 2019

Похоже, вы использовали ng-style, который уже применяет стиль background-color и color.Таким образом, даже если вы примените к нему класс с помощью переопределенного свойства, тот же элемент не будет отражаться, потому что встроенный CSS занимает первое место.Если вы хотите принудительно применить свойства background-color и color, пометьте их как !important, чтобы увидеть ожидаемое поведение.


Другим лучшим способом решения этой проблемы было бы перемещение style1к новому классу и примените его, используя ng-class с соответствующим выражением.

...