AngularJS如何通过默认 angularjs 选中一个复选框

发布时间: 2017/4/16 19:03:32
注意事项: 本文中文内容可能为机器翻译,如要查看英文原文请点击上面连接.

我怎么可以有两个切换复选框之间加载页面时默认选中一个复选框。我的代码︰

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>

解决方法 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-appng-controller 在你为了使角做任何事情的观点︰

<div class="checkbox" ng-app="" ng-controller="MyCtrl">

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

官方微信
官方QQ群
31647020