配置 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';
}])
我设置了活动 class grey
将活动按钮的背景更改为灰色。
我有一个 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';
}])
我设置了活动 class grey
将活动按钮的背景更改为灰色。