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

                }
    };
};

視圖

 <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

在控制器中將其中一個值初始化為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">

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

Answer 2

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

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

並表達一些邏輯以表達您希望如何選中復選框