如何根据if条件替换ion-item中的文本

Posted 2023-01-07

我点击了一个按钮，其中弹出一些值，并且在选择一个值后根据条件选择了一个值填充在离子项中，问题是基于条件的离子项值而不是被替换为新的添加离子项单元格。

我是离子的新手，所以无法确定我在做什么错。

<ion-label style="margin-bottom:10px; font-size:15px;" color="basic" stacked>field.label</ion-label>
<button ion-item block color="basic" (click)="getOulistData(field.name,field.value)">Tap to choose</button>

<div *ngFor ="let x of ouHierarchy">
    <div *ngIf = "field.name ===x.level">
        <ion-item>x.value</ion-item>
    </div>
</div>

<div>
    <ion-item *ngIf="field.value">
        field.value
    </ion-item>
</div>```

答案

改变这个：

  <ion-item *ngIf="field.value">
  field.value
</ion-item>

进入：

  <ion-item *ngIf="field.name != x.level">
  field.value
</ion-item>

通过执行上述操作，您将拥有一个离子项，如果不满足第一个离子项条件，则会显示此离子项。