当页面加载两个切换复选框时,如何默认选中一个复选框。我的代码:
jsfiddle:http://jsfiddle.net/Lvc0u55v/456/
function MyCtrl($scope) {
$scope.changeAxis1 = function() {
if ($scope.thirtyDay) {
$scope.wholeTimeline = false;
}
};
$scope.changeAxis2 = function() {
if($scope.wholeTimeline) {
$scope.thirtyDay = false;
}
};
};
视图
<label class='checkboxes' id='checkbox_1'>
<input type="checkbox" ng-model="thirtyDay" ng-change="changeAxis1()">
Two
</label>
<label class='checkboxes' id='checkbox_2'>
<input type="checkbox" ng-model="wholeTimeline" ng-change="changeAxis2()">
One
</label>
答案 0 :(得分:2)
将控制器中的一个值初始化为true
:
function MyCtrl($scope) {
$scope.changeAxis1 = function() {
if ($scope.thirtyDay) {
$scope.wholeTimeline = false;
}
};
$scope.changeAxis2 = function() {
if($scope.wholeTimeline) {
$scope.thirtyDay = false;
}
};
$scope.thirtyDay = true;
};
您还需要在视图中设置ng-app
和ng-controller
,以便Angular可以执行任何操作:
<div class="checkbox" ng-app="" ng-controller="MyCtrl">
答案 1 :(得分:1)
您可以使用ng-checked="expression"
<input type="checkbox" ng-checked="expression" ng-model="thirtyDay" ng-change="changeAxis1()">
Two
并提供一些逻辑来表达您希望如何选中复选框