angularjs - Preselect uib-btn-radio button -


i have following btn-group

<div class="btn-group">       <label class="btn btn-success active" data-ng-model="mymodel" uib-btn-radio="'enabled'"  data-ng-click="vm.myfunction()">            enabled        </label>        <label class="btn btn-success" data-ng-model="mymodel" uib-btn-radio="'disabled'" data-ng-click="vm.myfunction()">             disabled         </label>  </div> 

when page been displeyed angular adds 2 classes ng-pristine , ng-untouched , remove class active first radio button following.

<label class="btn btn-success ng-pristine ng-untouched ng-valid waves-effect" data-ng-model="vm.statusfilter" uib-btn-radio="'enabled'" data-ng-click="vm.filtergridbystatus()">     enabled </label> 

let directive handle active state. in controller, assign active button model.

$scope.mymodel = 'enabled'; 

http://codepen.io/tsneville/pen/anwond


Comments