在pageload上检查了md-radio-group

时间:2016-12-29 09:23:48

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

我正在使用mvc-5

创建一个Web应用程序

我采用了材料设计的单选按钮。这是我的单选按钮:

<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;

     

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

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

如果我想在页面加载时检查我的第一个单选按钮,我该怎么办?

2 个答案:

答案 0 :(得分:2)

您需要设置<md-radio-group>

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'"

Plunker DEMO

答案 1 :(得分:1)

尝试添加:

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

似乎ng-checked不能使用md-radio-button