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

时间:2018-04-20 17:29:11

标签: angular

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

我有一个网格组件:

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

0 个答案:

没有答案