我不确定我是否使用了正确的术语,但这就是我要做的事情。
我有一个网格组件:
export class GridComponent {
@Input()
items: any[];
}
在HTML中,我就是这样:
<div class="grid">
<ul class="row">
<li *ngFor="let item of items; let i = index;" class="col-lg-3 col-sm-4 col-xs-6 card-container">
<ng-content></ng-content>
</li>
</ul>
</div>
基本上,我将传递项目(可能是应用程序要求的任何内容),组件将为我创建一个网格。
但是,我仍然希望能够灵活地为循环的每次迭代构造我想要的任何HTML。所以我需要访问循环迭代的每个“item”变量。
我四处寻找,我遇到了ngTemplateOutletContext
。但也有类似的东西被使用。我不确定我是否只是感到困惑,但我希望有人可以就如何解决这个问题给我一个明确的答案。