选中一个复选框并取消选中上一个复选框

Question

所以，我有两个切换按钮，用户必须只能选择上面两个切换按钮中的一个，如下图所示：

我怎样才能做到这一点？

Answer 1

您可以使用单选按钮：http://ionicframework.com/docs/v1/components/#radio-buttons

但是如果你想使用切换按钮来实现这一点，你可以使用$ watch：Documentation

离子代码：

 <label class="toggle">Bride only
     <input type="checkbox" ng-model="B">
     <div class="track">
         <div class="handle"></div>
     </div>
 </label>

<br>

 <label class="toggle">Bride & Bridesmaids
     <input type="checkbox" ng-model="B&B">
     <div class="track">
         <div class="handle"></div>
     </div>
 </label>

角度代码：

$scope.B=false; // for Bride only
$scope.B&b= false //for Bride and Bridesmaids

$scope.$watch('B',function(){

  if($scope.B==true){
    $scope.B&B=false;
    console.log($scope.B&B);
  }

}); 

$scope.$watch('B&B',function(){

  if($scope.B&B==true){
    $scope.B=false;
    console.log($scope.B);
  }

}); 

希望这有帮助。