在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的形式添加到someItems=items.map(this.getSomeItemFromDifferentDataStructureUsingSomeLogic.bind(this))中，并对其进行交互

在内容中：

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

和在模板中

*for

如果您需要在此<unknown>:0: error: no such file or directory: '/Users/XXXXXXXXXXXXX/Library/Developer/Xcode/DerivedData/iOS_Belt_-_MyEvents-eektunqbfhmzjabcmfpiscjsxlyf/Build/Intermediates.noindex/iOS Belt - MyEvents.build/Debug-iphonesimulator/iOS Belt - MyEvents.build/DerivedSources/CoreDataGenerated/iOS_Belt___MyEvents/iOS_Belt___MyEvents+CoreDataModel.swift' 循环中原始商品，只需创建一个item-someItem对数组，然后分别使用所需的东西对其进行迭代。