验证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; 
    } 
} 

希望它帮助。