AngularJs：如何设置基于模型选中的单选按钮

Question

我有一个模型在storeLocations对象中返回isDefault值。如果isDefault返回true，则我不会将该组中的单选按钮设置为选中状态。

不知道我是否需要执行$ each（data，function（index，value）并遍历返回的每个对象，或者是否有更简单的方法使用角度构造来执行此操作。

目的：

storeLocations = [
 {
  ... more values,
  isDefault: true
 }
]

标记：

    <tr ng-repeat="location in merchant.storeLocations">
        <td>{{location.name}}</td>
        <td>{{location.address.address1}}</td>
        <td>{{location.address.address2}}</td>
        <td>{{location.address.city}}</td>
        <td>{{location.address.stateProvince}}</td>
        <td>{{location.address.postalCode}}</td>
        <td>{{location.address.country}}</td>
        <td>{{location.website}}</td>
        <td>{{location.zone}}</td>
        <td><input type="radio" ng-model="location.isDefault" value="{{location.isDefault}}" name="isDefault_group"></td>

Answer 1

使用ng-value代替value。

ng-value="true"

ng-checked由于代码重复，版本较差。