设置`md-radio-group`的默认选项

时间:2017-12-13 19:11:01

标签: angularjs material-design angular-material

我有一个非常简单的md-radio-group,我很难设置默认值。该组正在使用一个对象(我假设与该问题有关)。

请参考我的codepen示例。

我将md-radio-group默认为第二个选项,但从未选中单选按钮。

我错过了什么吗?

2 个答案:

答案 0 :(得分:0)

这里有一些变化:

您正在插入广播的值。这样做是不必要的,并且丢失了对您要迭代的数组中的对象的引用。将您的值更改为ng-value="option"

在控制器中,设置默认选项。由于数组位置从0开始,对于第二个选项,您将使用[1]

$scope.optionExample = $scope.options[1];

答案 1 :(得分:-1)

添加其他属性以进行默认选择的简单方法,如下所示

$scope.statusList = [{ id: "APN", status: "Approved", isChecked: true }, { id: "VIP", status: "Scheduled", isChecked: false }, ];
HTML中的

<input type="checkbox" ng-model="item.isChecked" ng-repeat="item in statusList"/>
<label class="form-control" style="width:305px">&#160;{{item.status}} &#160;</label>