尝试使用 ngIf 显示离子标签

Question

我正在尝试使用 ngIf 和 ngModel。

我提出了一个简单的问题，如果答案是肯定的我想显示另一个标签，如果答案是否定的，什么也不会发生。

<ion-item>
  <ion-label>Testing ngIf ?</ion-label>
  <ion-select [(ngModel)]="sel" >
    <ion-select-option> YES </ion-select-option>
    <ion-select-option> NO </ion-select-option>
  </ion-select>
</ion-item>

<ion-label *ngIf="sel == 'YES'">TEST</ion-label>

然而，当我select是时，什么也没有发生。

谢谢

Answer 1

您错过了 ion-select-选项的值。请试试这个 -

<ion-item>
  <ion-label>Testing ngIf ?</ion-label>
  <ion-select [(ngModel)]="sel" >
    <ion-select-option value="YES"> YES </ion-select-option>
    <ion-select-option value= "NO"> NO </ion-select-option>
  </ion-select>
</ion-item>

<ion-label *ngIf="sel === 'YES'">TEST</ion-label>

尝试使用 ngIf 显示离子标签

Trying to display ion-label using ngIf

angular-ngmodel

ionic4