Css 更改活动选项卡上的类

我使用了有角度的UI选项卡，我有切换到不同选项卡的按钮。 我试图在同一选项卡处于活动状态时更改该选项卡按钮的样式。所以我使用ng类来更改样式

我在范围内有一个函数，它返回活动选项卡

 $scope.getActive = function() {
     return tabSelector.active;
    console.log("active tab = " + tabSelector.active);

 }

此函数返回数字0、1、2或3，具体取决于哪个选项卡处于活动状态

这是我的css类

.btn-white-hollow {
    padding: 20px 20px 20px 20px;
    margin-top: 16px;
    background-color: #fff;
    color: #0A135E;
    font-weight: bolder;
    -webkit-transition: all linear .2s;
    transition: all linear .2s;
}

.btn-white-hollow-selected {
    padding: 20px 20px 20px 20px;
    margin-top: 16px;
    background-color: #fff;
    color: #fd7400;
    border-bottom: 2px solid #fd7400;
    background: #fff;

}

我尝试使用这种格式的ng类，但它不起作用

 <li class="seekerhead" >
    <button  type="button" ng-class= { 'btn-white-hollow-selected' : getActive() == '0', 'btn-white-hollow' : getActive!== '0' }>Ask a Question
    </button>
</li> 

提问

问题是ghat的ng类没有拿起css类。 我甚至试过

getActive！==0

但这也不起作用

---

如何使其工作

即使给定的代码遗漏了一些信息，您也应该能够按照此代码实现所需的功能。 在控制器内定义一个附加到作用域的活动变量，该变量初始化为默认情况下要激活的面板变量

$scope.activeTab=1//假设您希望启用第一个

然后在选项卡的HTML代码中使用以下代码：

提问

---

假设您发布的按钮是与选项卡对应的按钮

即使给定的代码遗漏了一些信息，您也应该能够在遵循此代码之后实现所需的功能。 在控制器内定义一个附加到作用域的活动变量，该变量初始化为默认情况下要激活的面板变量

$scope.activeTab=1//假设您希望启用第一个

然后在选项卡的HTML代码中使用以下代码：

提问

---

假设您发布的按钮是与选项卡对应的按钮

因此，我尝试了这个方法，效果很好。

活动选项卡是{{activeTab}
问一个问题

这表明每当我更改选项卡时，活动选项卡都会更改为0,1,2。但它仍然无法吸引时尚阶层。我只是试着写true而不是condition，但它仍然无法拾取css类。您错过了包装ng类的

“

。很抱歉，我刚刚看到格式化代码

”

也在我的第一个答案中被删除。更新了答案，包括这一点，所以我尝试了这一方法，效果很好。

活动选项卡是{{activeTab}
问一个问题

这表明每当我更改选项卡时，活动选项卡都会更改为0,1,2。但它仍然无法吸引时尚阶层。我只是试着写true而不是condition，但它仍然无法拾取css类。您错过了包装ng类的

“

。很抱歉，我刚刚看到格式化代码

”

也在我的第一个答案中被删除。更新了答案，也包括这个