Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/ionic-framework/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angularjs 选中一个复选框并取消选中上一个复选框_Angularjs_Ionic Framework - Fatal编程技术网

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

Angularjs 选中一个复选框并取消选中上一个复选框,angularjs,ionic-framework,Angularjs,Ionic Framework,因此,我有两个切换按钮,用户必须只能选择上面两个切换按钮中的一个,如下图所示: 如何实现这一点?您可以使用单选按钮: 但如果您想使用切换按钮并实现这一点,您可以使用$watch: 离子代码: <label class="toggle">Bride only <input type="checkbox" ng-model="B"> <div class="track"> <div class="handle">

因此,我有两个切换按钮,用户必须只能选择上面两个切换按钮中的一个,如下图所示:


如何实现这一点?

您可以使用单选按钮:

但如果您想使用切换按钮并实现这一点,您可以使用$watch:

离子代码:

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

希望这有帮助。

是否使用单选按钮?谢谢@jbe,但我使用的是爱奥尼亚版本1V1也有单选按钮
$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);
  }

});