如何在默认情况下选中一个复选框angularjs

Question

如何在两个切换复选框之间加载页面时默认选中一个复选框。我的代码：

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

Answer 1

初始化一个：

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

http://jsfiddle.net/Lvc0u55v/457/

Answer 2

您可以使用ng-checked="expression"

<input type="checkbox" ng-checked="expression" ng-model="thirtyDay" ng-change="changeAxis1()"> 
     Two 

，并把一些逻辑表达式，你怎么想的复选框被选中