配置 Angular UI 按钮

Configure Angular UI Button

我有一个 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 class 将应用于元素。在 docs 中,他们说您可以更改选中按钮的 class 名称。这是引用:

Default settings uibButtonConfig

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

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

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

例子

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

See Plnkr

我设置了活动 class grey 将活动按钮的背景更改为灰色。