Question

我正在尝试使用与*ngIf的值比较来检查离子无线电。我用*ngFor动态显示了离子无线电值。

以下是我在html方面的内容：

<ion-list radio-group *ngFor="let category of categories">
    <div *ngIf="category.id === 1">
      <ion-item>
        <ion-label>{{ category.category_title }}</ion-label>
        <ion-radio [checked]="true" value="{{ category.id }}" (ionSelect)="selectedCategory(category.id)"></ion-radio>
      </ion-item>
    </div>

    <div *ngIf="category.id !== 1">
      <ion-item>
        <ion-label>{{ category.category_title }}</ion-label>
        <ion-radio [checked]="false" value="{{ category.id }}" (ionSelect)="selectedCategory(category.id)"></ion-radio>
      </ion-item>
    </div>
</ion-list>

根据上面的编码，我使用*ngIf="category.id === 1"来检查离子无线电值是否为1，然后应该检查离子无线电，否则它将保持为假。我也检查了其他人的帖子，我试图在我的代码中应用它，但它不起作用。我不确定if else是如何工作的。

修改

从组件方面：

categories = [];

getCategories(){
    this.http.get(this.restProvider.restApiUrl+'practice/getCategory').map(res => res.json())
    .subscribe(data => {
        this.categories = data.categories;
    });
}

Answer 1

我猜你的 category.id 是一个字符串，所以你应该把它包含在 ''

中

<div *ngIf="category.id === '1'">

Answer 2

尝试使用String代替[value]

value

使用ngIf检查默认离子无线电

2 个答案: