使用ngFor构建<ion-list radio-group =“”>

Question

我正在尝试使用阵列中的* ngFor构建离子列表无线电组。我有一系列游戏（id，name），我只想要一个列表，用户只能选择一个，但局部变量似乎被打破（第一个应该被检查但是这也不行）。这是我的代码：

<ion-header>
 <ion-navbar>
    <ion-title>
        New match
    </ion-title>
 </ion-navbar>
</ion-header>

<ion-content>
 <ion-list radio-group>
    <ion-list-header>
        Game
    </ion-list-header>
    <ion-item *ngFor="let game of games, let i = index">
        <ion-label>{{ game.name }}</ion-label>
        <ion-radio checked="i == 0" value="game.id"></ion-radio>
    </ion-item>
 </ion-list>
</ion-content>

我做错了什么？有人有想法吗？感谢。

Answer 1

您必须在{{}}和checked="i==0"周围使用双括号value="game.id"，如下所示：

<ion-radio checked="{{i == 0}}" value="{{game.id}}"></ion-radio>

否则，checked和value属性会将内容评估为字符串，而不是表达式。