如何在默认情况下选中一个复选框angularjs
问题描述:
如何在两个切换复选框之间加载页面时默认选中一个复选框。我的代码:如何在默认情况下选中一个复选框angularjs
的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;
}
};
};
视图控制器的值true
的
<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>
答
初始化一个:
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
在您的视图中为了角做任何事情:
<div class="checkbox" ng-app="" ng-controller="MyCtrl">
答
您可以使用ng-checked="expression"
<input type="checkbox" ng-checked="expression" ng-model="thirtyDay" ng-change="changeAxis1()">
Two
,并把一些逻辑表达式,你怎么想的复选框被选中
集'模型例如'='true'。 '$ scope.thirtyDay = true;' – Rayon
是的我已经尝试过它不起作用 – Imo
[Fiddle here](http://jsfiddle.net/rayon_1990/cjs2xd8h/1/) – Rayon