始终选择最后的离子无线电

时间:2017-05-29 17:06:22

标签: angular typescript ionic2 radio-button ionic3

我有一个人员列表,每个人都需要检查他们是否还活着,死了还是僵尸(所有无线电都在同一行)。问题是如果我使用下面的代码,zombi总是被选中而没有机会改变它。如何根据需要使其工作?

df <- data.frame(class = c("A", "B", "C", "A", "C", "B", "C", "A", "B"), 
                  type = c("alpha", "beta", "gamma", "gamma", "beta", "gamma", "alpha", "beta", "alpha"), 
                  value = c(100, 200, 300, 50, 60, 120, 400, 300, 160))

ggplot(df, aes(class, value, fill = type)) + geom_bar(stat = "identity", position = "dodge")

1 个答案:

答案 0 :(得分:1)

如果您想将所有广播项目放在同一行,可以使用ion-rowion-col这样的元素:

 <ion-row radio-group [(ngModel)]="person1">
    <ion-col>
      <ion-item>
        Alice
      </ion-item>
    </ion-col>
    <ion-col>
      <ion-item>
        <ion-label>Alive</ion-label>
        <ion-radio value="alive"></ion-radio>
      </ion-item>
    </ion-col>
    <ion-col>
      <ion-item>
       <ion-label>Dead</ion-label>
        <ion-radio value="dead"></ion-radio>
      </ion-item>
    </ion-col>
    <ion-col>
      <ion-item>
       <ion-label>Zombie</ion-label>
        <ion-radio value="zombie"></ion-radio>
      </ion-item>
    </ion-col>
  </ion-row>