Проверьте ионное радио по умолчанию с помощью ngIf

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, тогда ионное радио должно быть проверено как истинное, иначе оно останется ложным.Я также проверил пост других людей и попытался применить его в своем коде, но он не работает.Я не совсем уверен, как все еще работает в угловом.

РЕДАКТИРОВАТЬ

Со стороны компонента:

categories = [];

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

Answer 1

Попробуйте использовать [value] вместо value

<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>

Answer 2

Я полагаю, ваша category.id является строкой, поэтому вы должны заключить в ''

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