在Angular模板中創建局部變量

Question

我正在使用Angular 6。

我想在for循環中分配一個局部變量，以避免多次調用該方法。

<li *ngFor="let item of items">
    <!-- Declare someItem variable here -->
    <!-- let someItem = getSomeItemFromDifferentDataStructureUsingSomeLogic(item) -->
    {{ someItem.name }}
    {{ someItem.anotherValue }}
</li>

我也不想創建一個單獨的組件來顯示someItem因為創建單獨的組件太簡單了。

您的處理方式是什么？

非常感謝您的幫助。

Answer 1

我會map項目someItem了它在compontent代碼和interate小號

補充：

someItems=items.map(this.getSomeItemFromDifferentDataStructureUsingSomeLogic.bind(this)) ;

並在模板中

<li *ngFor="let someItem of someItems">
    {{ someItem.name }}
    {{ someItem.anotherValue }}
</li>

如果您在此*for循環中需要原始項目，只需創建一個item-someItem對數組，然后分別使用所需的對象對其進行迭代。