角度チェックボックスの代わりに

Question

簡単な問題：2つのチェックボックス。どちらもチェックされていません。どちらかをクリックすると、もう一方がチェックされていないことを確認しながら有効となります。

<div data-ng-init="indicator=false;decision=false"> 
<input type="checkbox" name="aName" data-ng-click="indicator=!indicator;decision=true" data-ng-checked="indicator && decision"/> 
<input type="checkbox" name="aName" data-ng-click="indicator=!indicator;decision=true" data-ng-checked="!indicator && decision"/> 
</div> 

現在の結果は、両方がチェックアウト開始されます。https://jsfiddle.net/u22a5wz9/

Answer 1

この

var jimApp = angular.module("mainApp", []); 
 

 
jimApp.controller('mainCtrl', function($scope){ 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.min.js"></script> 
 
<div ng-app="mainApp" ng-controller="mainCtrl"> 
 
    <div > 
 
    {{checkBox}}<br> 
 
    Above 1.3v 
 
    <input type="checkbox" name="aName" ng-model="checkBox" ng-true-value="{value:'one'}"/>One 
 
    <input type="checkbox" name="aName" ng-model="checkBox" ng-true-value="{value:'two'}"/>Two<br> 
 
    
 
    Below 1.3v 
 
    <input type="checkbox" name="aName" ng-model="checkBox" ng-true-value="one"/>One 
 
    <input type="checkbox" name="aName" ng-model="checkBox" ng-true-value="two"/>Two<br> 
 
    
 
    </div> 
 
</div>

Answer 2

var jimApp = angular.module("mainApp", []); 
 

 
jimApp.controller('mainCtrl', function($scope){ 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.min.js"></script> 
 
<div ng-app="mainApp" ng-controller="mainCtrl"> 
 
    <div > 
 
    {{checkBox}}<br> 
 
    Above 1.3v 
 
    <input type="checkbox" name="aName" ng-model="checkBox" ng-true-value="{value:'one'}"/>One 
 
    <input type="checkbox" name="aName" ng-model="checkBox" ng-true-value="{value:'two'}"/>Two<br> 
 
    
 
    Below 1.3v 
 
    <input type="checkbox" name="aName" ng-model="checkBox" ng-true-value="one"/>One 
 
    <input type="checkbox" name="aName" ng-model="checkBox" ng-true-value="two"/>Two<br> 
 
    
 
    </div> 
 
</div>

0を試してみてください