如何在默認情況下選中一個複選框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 

，並把一些邏輯表達式，你怎麼想的複選框被選中