为“md-radio-group”设置默认选项答案

【问题标题】：Set default option for `md-radio-group`为“md-radio-group”设置默认选项
【发布时间】：2017-12-13 19:11:00
【问题描述】：

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

请参考我的codepen 示例。

我将md-radio-group 默认设置为第二个选项，但从未选择单选按钮。

我错过了什么吗？

【问题讨论】：

标签： angularjs material-design angular-material

【解决方案1】：

这里有几个变化：

您正在对收音机的值进行插值。这样做是不必要的，并且会丢失对要迭代的数组中的对象的引用。将您的值更改为ng-value="option"。

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

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

【讨论】：

【解决方案2】：

添加另一个属性进行默认选择的简单方法，如下所示

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

【讨论】：