角度复选框替换

Question

简单的问题：两个复选框；两个启动都未检查；单击其中一个启用并进行检查，同时确保未选中另一个。

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