AngularJs：別のチェックボックスをオフにするとチェックボックスをオフにすることができません

Question

問題が発生しました。ここに状況：
2番目のチェックボックスをオフにすると、最初のチェックボックスをオフにします。

デフォルトでは、両方のチェックボックスがオンになっているとします。 2番目のチェックボックスをクリックすると、最初のチェックボックスもオフにします。

HTML：

<ion-checkbox ng-model="firstCheckbox">First Checkbox</ion-checkbox> 
<ion-checkbox ng-model="secondCheckbox" ng-change="uncheckFirstCheckbox(secondCheckbox)">Second Checkbox</ion-checkbox> 

JS：

$scope.uncheckFirstCheckbox = function(secondCheckbox) { 
     if(secondCheckbox.checked === false) { 
      $scope.firstCheckbox = false; 
     }; 
    }; 

$scope.firstCheckbox偽回すが、それはHTMLでのチェックを外したまま。
どこに問題があるのか​​分かりますか？

Answer 1

secondCheckbox.checkedプロパティにアクセスしようとしていますが、secondCheckboxはすでにfalseです。 false値の場合は、secondCheckboxのみをチェックする必要があります。代わりにif(!secondCheckbox)を使用してください。

Hereは、あなたのコードを操作するものです。

HTML

<ion-checkbox ng-model="firstCheckbox">First Checkbox</ion-checkbox> 
<ion-checkbox ng-model="secondCheckbox" ng-change="uncheckFirstCheckbox(secondCheckbox)">Second Checkbox</ion-checkbox> 

JS

$scope.uncheckFirstCheckbox = function(secondCheckbox) { 
    if (!secondCheckbox) { 
     $scope.firstCheckbox = false; 
    }; 
};