預選UIB-BTN-單選按鈕

我有以下BTN-組預選UIB-BTN-單選按鈕

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

當頁面被displeyed角增加了兩個類NG-原始和NG-原封不動，從第一個單選按鈕刪除類活性如下所示。

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

來源

2016-01-27 Petran

如果您在表單呈現時如何讓某個單選按鈕具有焦點，這可能有所幫助：https://github.com/hiebj/ng-focus-if –

您使用2個不同的源模型，fyi。我不知道這是什麼導致你的問題（例如 - 既沒有按鈕是活動的，因爲一個人鏈接到vm.myModel，另一個鏈接到myModel）。只是一個想法... – bri

讓指令處理活動狀態。在您的控制器中，將激活按鈕分配給模型。

$scope.myModel = 'enabled';

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

來源

2016-03-22 14:14:54 TSNev

您可以選擇使用納克級。

HTML ...

<div class="btn-group btn-group-TopSubform"> 
       <label ng-class="buttonSelectedInButtonGrp" ng-model="radioModel" uib-btn-radio="'Left'">Primary Location1</label> 
       <label class="btn btn-lg btn-success" ng-model="radioModel" uib-btn-radio="'Middle'">Other Locations</label> 
      </div>

角控制器（或可能被轉移的成指令）...

$scope.buttonSelectedInButtonGrp = "btn btn-lg btn-success ng-untouched ng-valid ng-dirty active ng-not-empty ng-valid-parse";

請注意，這是未選擇類列表是不同的.. 。 BTN BTN-LG BTN-成功NG-原始NG-不變NG-有效NG空

CSS的可編輯爲...

.btn-success.active { 
     border-color:darkblue; 
     border-width:medium; 
} 

.btn-success { 
    border-color:none; 
    border-width:medium; 

}

來源

2016-08-24 05:40:54 CYoung

預選UIB-BTN-單選按鈕

回答

相關問題