离子视图中的逻辑比较

时间:2019-04-03 15:34:18

标签: angular typescript ionic-framework

我尝试将离子视图模板中的两个动态值与角度进行比较。

如果该值等于另一个值,则显示该值,否则继续循环

apache

2 个答案:

答案 0 :(得分:0)

您似乎正在尝试if .. else。因此,让我们对其进行更正,例如,您可以将其显示为:

<div *ngIf="protocole.item === other_value; else other">
   <ion-label>
      <h2>{{ protocole.item}} {{ modal_data_prot_detail_code }}</h2>
   </ion-label> 
</div>

<ng-template #other>
   <ion-label">
     <h2>{{ protocole.item}}}</h2> 
   </ion-label>
</ng-template>

答案 1 :(得分:0)

尝试一下:

<ion-list>
        <ion-item *ngFor="let protocole of protocoles">
            <ng-container 
                 [ngTemplateOutlet]="value == other_value" ? firstTemplate: secondTemplate" 
                 [ngTemplateOutletContext]="{protocole:protocole}">
            </ng-container>
        </ion-item>
    </ion-list>

    <ng-template #firstTemplate let-protocole='protocole'>
        <div>
            <ion-label>
                <h2>{{ protocole.item}} {{ modal_data_prot_detail_code }}</h2>
            </ion-label> 
        </div>
    </ng-template>

    <ng-template #secondTemplate let-protocole='protocole'>
        <ion-label"><h2>{{ protocole.item}}}</h2> </ion-label>
    </ng-template>