驗證BTN-電臺點擊

Question

我採用了棱角分明的UI BTN-無線電指令顯示2個不同的按鈕，按鈕點擊這些按鈕後，只有在驗證通過後纔會變爲活動狀態。例如，如果我點擊Mode2，只有滿足某些條件時該按鈕應該處於活動狀態。問題是默認active類是每增加一次點擊，btn-radio指令存儲狀態active。有沒有辦法解決這個問題？

Answer 1

你可以看一下我的答案在這plunker

我只是刪除了「NG-模式」，使我自己的條件，以增加「活躍」按鈕，並創建一個自定義的點擊，將前檢查車況交換。

<div class="btn-group"> 
    <label class="btn btn-default" ng-class="{active:mode==='Mode1'}" ng-click="activateMode('Mode1')">Mode1</label> 
    <label class="btn btn-default" ng-class="{active:mode==='Mode2'}" ng-click="activateMode('Mode2')">Mode2</label> 
    </div> 

而且activateMode功能：

$scope.activateMode = function(modeName){ 
    //I don't allow to switch mode if the checkbox isn't checked. 
    if($scope.changeMode){ 
    $scope.mode = modeName; 
    } 
} 

希望它幫助。