チェック1つのチェックボックスのチェックを外し、前のチェックボックス

Question

だから、私は2つのトグルボタンがあり、ユーザーは以下の画像でのショーとして上記の2つのトグルボタンのいずれかを選択することができなければなりません。

どう

私はこれを達成することはできますか？

Answer 1

あなたはラジオボタンを使用することができます。http://ionicframework.com/docs/v1/components/#radio-buttons

しかし、あなたはトグルボタンを使用して、このことを実現したい場合、あなたは$ウォッチを使用することができます。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); 
    } 

}); 

希望のヘルプs。