Konfigurieren Angular UI-Knopf

Question

Ich habe einen Winkel-ui-Taste, die wie folgt aussieht:

<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> 

Dies funktioniert gut.

Jedes Mal, wenn sich das Modell ändert, wird die active Klasse auf das Element angewendet. In der docs sagen sie, dass Sie den Klassennamen der aktivierten Schaltfläche ändern können. Hier ist das Zitat:

Standardeinstellungen uibButtonConfig

activeClass (Standard: active) - Klasse zu den überprüften Tasten anzuwenden.

Aber ich verstehe nicht, wie genau das gemacht werden sollte, konnte nirgends Beispiele finden.

Answer 1

In Ihrem Controller können Sie uibButtonConfig injizieren und die Klassen für den aktiven Button festlegen.

Beispiel

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

See Plnkr

I grey aktive Klasse festgelegt haben, die den Hintergrund der aktiven Taste ändert sich die Farbe grau.