javascript - Angular.js : How do I make my radio button selected on load?

Question

这是我的 Controller 的范围.. 我希望在加载时选择第一个单选按钮 我尝试过 ng-selected="true"和 ng-selected={{true}} 但这不起作用

    <div ng-controller="MyController as myCtrl">
        <div ng-class='myCtrl.themeSelected.bodyClass' class='text-div'>
            <!-- radio buttons -->
            <div class='radio-wrap'>
                <input type="radio" name="theme" ng-value="myCtrl.defaultTheme" ng-model="myCtrl.themeSelected" ng-selected="true"> Default
                <input type="radio" name="theme" ng-value="myCtrl.yellowTheme" ng-model="myCtrl.themeSelected"> Yellow
                <input type="radio" name="theme" ng-value="myCtrl.greenTheme" ng-model="myCtrl.themeSelected"> Green
                <input type="radio" name="theme" ng-value="myCtrl.redTheme" ng-model="myCtrl.themeSelected"> Red
                <input type="radio" name="theme" ng-value="myCtrl.blueTheme" ng-model="myCtrl.themeSelected"> Blue
            </div>
        </div>
    </div>

这也是我的默认单选按钮的 Controller 功能:

myModule.controller('MyController', function(){
this.defaultTheme = {
    bodyClass: false,
    firstDivClass:"grayBackground",
    secondDivClass:"lightGrayBackground"
};
});

Answer 1

您需要在 Controller 中设置 this.themeSelected 以等于您要选择的单选按钮的值。因此，在您的情况下 this.themeSelected = this.defaultTheme 应预先选择第一个单选按钮。不应需要 ng-selected 指令，因为它是确定选定状态的模型。

Example plunkr