Angularjs按钮ngClass在单击时未正确应用

Question

我有一个使用bootstrap按钮类“btn btn-default btn-primary btn-xs”的按钮。包含“background：red;”的“活动”类仅当范围变量“isactive”使用模板中的“ngClass”评估为true时才添加，如下所示：

ng-class="{'active': isactive == true}"

我向按钮添加了一个click事件（ng-click），一旦点击，将isactive设置为true。

我注意到当我点击<button>时，没有任何变化，直到我点击页面上的任何其他位置，这会导致按钮更改颜色。

奇怪的是，当我点击按钮并且不点击其他地方时，相反，当我右键单击时，按钮确实变为红色，但后来变为蓝色。当我检查元素时，似乎“active”类被应用/添加到按钮的现有引导类集合中。在我的CSS中，我有以下内容：

.active {
background:red;
}

.active:active {
background:red;
}

问题是什么？这与bootstrap按钮类有什么关系吗？

Answer 1

可能还有其他规则也会设置背景，它们也比你的强。

首先尝试添加!important这样的标志：

background: red !important;

如果它有效，你应该让你的规则以某种方式变得比设定背景的其他人更强大。