配置Angular UI按钮

Question

我有一个angular-ui按钮,如下所示:

<button uib-btn-checkbox ng-model="sortReverse" class="btn btn-default" ng-init="sortReverse=true"> <i class="fa" ng-class="{'fa-sort-asc': sortReverse===true,'fa-sort-desc': sortReverse===false}"></i></button>

这很好用.

每次模型变为true时,active该类都应用于元素.在文档中,他们说您可以更改选中按钮的类名.这是引用:

默认设置 uibButtonConfig

activeClass(默认值:) active- 要应用于选中按钮的类.

但我不明白应该如何做到这一点,无法在任何地方找到例子.

Answer 1

在您的控制器中,您可以注入uibButtonConfig并设置要应用于活动按钮的类.

例

.controller('UibButtonsController', ['uibButtonConfig', function(buttonConfig) {
  buttonConfig.activeClass = 'your-class-name';
}])

见Plnkr

我已设置活动类grey,将活动按钮的背景更改为灰色.