Question

我有一个按钮，单击时会出现带有一些值的弹出窗口，选择一个值后，将根据条件选择的值填充到ion-item中，问题是基于条件的ion-item值而不是获取替换了一个新的离子项目单元。

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

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

Answer 1

更改此：

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

对此：

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

通过上述操作，您将拥有一个离子项目，如果不满足第一个离子项目的条件，则该离子项目将出现。

如何根据if条件替换离子项目中的文本

1 个答案: