【问题标题】:How to replace the text in ion-item based on if condition如何根据if条件替换ion-item中的文本
【发布时间】:2019-08-17 00:13:00
【问题描述】:

我有一个单击按钮,单击该按钮会弹出一个带有一些值的弹出窗口,并且在选择一个值后,根据条件选择的值填充到 ion-item 中,问题是基于条件的 ion-item 值而不是获取替换了一个新的 ion-item 单元格。

我是 ionic 新手,所以无法确定我在做什么。

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

【问题讨论】:

    标签: javascript html cordova ionic-framework


    【解决方案1】:

    改变这个:

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

    进入这个:

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

    通过以上操作,你会得到一个离子项,如果第一个离子项条件不满足,就会出现这个离子项。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2020-06-15
      • 2020-11-12
      • 2011-08-15
      • 2017-04-08
      • 2021-08-16
      • 2019-01-05
      • 1970-01-01
      相关资源
      最近更新 更多