javascript - 配置 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>

这很好用。

每次模型变为真时，active 类就会应用于元素。在docs他们说您可以更改选中按钮的类名。这是引述:

Default settings uibButtonConfig

activeClass (Default: active) - Class to apply to the checked buttons.

但我不明白具体应该怎么做，在任何地方都找不到例子。

Answer 1

在您的 Controller 中，您可以注入(inject) uibButtonConfig 并设置要应用于事件按钮的类。

例子

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

See Plnkr

我设置了事件类 grey 将事件按钮的背景更改为灰色。