用参数在for循环内调用方法

Question

在这里我的代码无法弄清楚在这种情况下我应该怎么做。我已经浏览了Angular中的文档，但是我不知道如何实现。

遍历了有关for循环的文档。

<li *ngFor="let i of getItems()">
    {{ getObj(i).name }}
</li>

项目（i）应该提供一个ID，而getObj（i）.name应该返回对象的名称。该方法以字符串作为参数。

Answer 1

就我而言，这很完美，

在TS文件中，我修改了getObj()方法，该方法返回对象的名称，它将直接在HTML中反映名称。

尝试一下：

HTML：

<li *ngFor="let i of getItems()">
    {{ getObj(i)}}
</li>

TS：

getObj(i): string {
    return i.name;
}

Answer 2

尝试一下：

<li *ngFor="let i of getItems()">
    <span [innerHTML]="getObj(i).name"></span>
</li>

这假设getObj(i)是一个函数，正在返回具有属性name的对象

但是，最好的方法是将getObj(i)存储在一个变量中并以HTML循环浏览

Answer 3

您正在尝试显示您要动态调用的方法的结果。尝试在ts代码中获取getItems（），然后创建一个单独的集合来保存要为每个i调用的方法调用的结果并循环遍历，您可以在onInit或beforeViewInit上完成它。