Javascript 离子-默认情况下选中2个单选按钮（不同列表）

我目前正在爱奥尼亚迈出第一步，并尝试创建一个应用程序

在这里，我有两个单选按钮列表（选项1、2、3和选项4、5、6）：

我希望默认选中单选按钮2和4。

为什么只选中单选按钮4

我错过了什么

代码如下

从模型HTML：

<ion-view view-title="Radio button demo">
  <ion-header-bar align-title="left" class="bar-positive">
    <h1 class="title">Chosen option: {{item}}, {{item2}}</h1>
   </ion-header-bar>  
 <ion-content>
<ion-list>
  <ion-radio ng-repeat="i in items" ng-value="i.Id" ng-model="item.itemval" >{{i.Name}}</ion-radio>
</ion-list>
<ion-list>
  <ion-radio ng-repeat="i in items2" ng-value="i.Id" ng-model="item2.itemval" >{{i.Name}}</ion-radio>
</ion-list>
  </ion-content>
</ion-view>

---

您需要在

ion radio

上设置

name

属性，以表示它们属于不同的组

在

app.html

中进行以下更改以使其正常工作：

<ion-view view-title="Radio button demo">
  <ion-header-bar align-title="left" class="bar-positive">
    <h1 class="title">Chosen option: {{item}}, {{item2}}</h1>
  </ion-header-bar>  
  <ion-content>
    <ion-list>
      <ion-radio ng-repeat="i in items" ng-value="i.Id" ng-model="item.itemval" name="group1">{{i.Name}}</ion-radio>
    </ion-list>
    <ion-list>
      <ion-radio ng-repeat="i in items2" ng-value="i.Id" ng-model="item2.itemval" name="group2">{{i.Name}}</ion-radio>
    </ion-list>
  </ion-content>
</ion-view>

所选选项：{{item}，{{item2}
{{i.Name}
{{i.Name}

---

编辑plunker here:

它适用于我的本地项目-谢谢！我没有意识到这一点。

<ion-view view-title="Radio button demo">
  <ion-header-bar align-title="left" class="bar-positive">
    <h1 class="title">Chosen option: {{item}}, {{item2}}</h1>
  </ion-header-bar>  
  <ion-content>
    <ion-list>
      <ion-radio ng-repeat="i in items" ng-value="i.Id" ng-model="item.itemval" name="group1">{{i.Name}}</ion-radio>
    </ion-list>
    <ion-list>
      <ion-radio ng-repeat="i in items2" ng-value="i.Id" ng-model="item2.itemval" name="group2">{{i.Name}}</ion-radio>
    </ion-list>
  </ion-content>
</ion-view>