javascript - AngularJS ng-class 和 ng-style 一起工作

Question

我的 div 中有一个 ng-repeat:

<div ng-repeat="el in list">
    <button 
     ng-class="{ 'selected' : selectedButton == $index }" 
     ng-style="{ 'background-color' : userColor }"
     >
       {{el}}
    </button>
</div>

在 CSS 文件中:

.selected{
   background-color: red;
}

想法是将最后按下的按钮的背景颜色设置为红色。所有其他按钮都应该有用户之前选择的背景颜色。

问题是，当 ng-style 中的背景颜色已经应用时，它不会用选定的类背景颜色覆盖它。我必须使用 selectedButton == $index，因为其他事情取决于它。

有什么想法吗？谢谢!

Answer 1

尝试在类里面使用 !important。这可能会解决您的问题。

.selected{
   background-color: red !important;
}

在应用 !important 之前，内联样式比类中的 css 具有更高的优先级。

来自 CheezyCode 的欢呼声