【问题标题】:checked md-radio-group on pageload在页面加载时检查 md-radio-group
【发布时间】:2026-02-08 00:50:01
【问题描述】:

我正在 mvc-5 中创建一个网络应用程序

我已经选择了材料设计的单选按钮。这是我的单选按钮:

<md-radio-group ng-model="mdgender" ng-change="changeradio()" ng-init="mdgender.Datewise='Datewise'">
    <md-radio-button ng-model="mdgender.Datewise" ng-checked="1==1" value="Datewise" class="col-md-2 col-sm-2">Date wise</md-radio-button>
    <md-radio-button ng-model="mdgender.CompanyWise" value="CompanyWise" class="col-md-2 col-sm-2">Company Wise</md-radio-button>
</md-radio-group>

我希望在页面加载时检查第一个单选按钮,但我无法执行此操作。

1 我试过ng-checked=true;

2ng-init="mdgender.Datewise='Datewise'";

但我仍然无法解决这个问题。

如果我想在页面加载时检查我的第一个单选按钮,我需要做什么?

【问题讨论】:

    标签: javascript angularjs asp.net-mvc-5 material-design angular-material


    【解决方案1】:

    你需要设置&lt;md-radio-group&gt;ng-model

    <md-radio-group ng-model="mdgender" ng-change="changeradio()" ng-init="mdgender='Datewise'">
    

    这里

    md-radio-group 中的ng-model="mdgender" 必须初始化为ng-init="mdgender='Datewise'"

    PlunkerDEMO

    【讨论】:

      【解决方案2】:

      尝试添加:

      ng-class="{'md-checked': your_expression}"
      

      似乎 ng-checked 不适用于 md-radio-button

      【讨论】:

      • 我需要在这里写什么? (your_expression)
      • 如果您希望将按钮标记为选中,则计算结果为 true 的表达式。查看文档:docs.angularjs.org/api/ng/directive/ngClass
      • 那么我可以设置 ng-class="{'md-checked': true}" 吗??
      • 我在这方面真的很新,很抱歉