如何在* ngfor中使用表達式？

Question

我有一個迭代數組，我必須根據選擇進行排序，我已經使用表達式綁定ngModel的sortby，但它似乎有一些模板解析錯誤，什麼是完成相同的正確方法？

app.html

<ion-item> 
    <ion-label>Sort By</ion-label> 
    <ion-select [(ngModel)]="sort"> 
    <ion-option value="name">Name</ion-option> 
    <ion-option value="stall">Stall Number</ion-option> 
    <ion-option value="plan">Plan</ion-option> 
    </ion-select> 
</ion-item> 

<ion-item item-detail *ngFor="let exhibit of exhibits | sortBy :'{{sort}}'; 
let i = index" name="exhibit"> 
    <h2>{{ exhibit.name }}</h2> 
    <h5>{{ exhibit.plan }}</h5> 
    <h5>{{ exhibit.link }}</h5> 
    <h5>{{ exhibit.stall }}</h5> 
    <h5>{{ exhibit.description }}</h5> 
</ion-item> 

Answer 1

你不需要{{}}（導致語法錯誤）和''（導致靜態字符串排序）。

如果變量sort來自組件，則可以直接使用它在ngFor表達象下面這樣：

<ion-item item-detail *ngFor="let exhibit of exhibits | sortBy:sort; let i = index" name="exhibit"> 
    ... 
</ion-item>``