如何在Angular中使用* ngFor块内的转换？

Question

我不确定我是否使用了正确的术语，但这就是我要做的事情。

我有一个网格组件：

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。但也有类似的东西被使用。我不确定我是否只是感到困惑，但我希望有人可以就如何解决这个问题给我一个明确的答案。