Angular 2：没有 HTML 标签的 NgFor？答案

【问题标题】：Angular 2: NgFor without HTML Tag?Angular 2：没有 HTML 标签的 NgFor？
【发布时间】：2017-04-04 18:20:53
【问题描述】：

我想创建一个没有 div 标签的 ngFor 循环。

这有可能吗？

我的问题是，当我使用 div *ngFor 时，滑块坏了。

<ion-slides #secondSlider [options]="secondSlideOptions" (ionDidChange)="onSecondSlideChanged()">
    <!-- This div should not be there --> 
    <div *ngFor="let set of exercise.sets; let setNumber = index;">
        <ion-slide>
        ...
        </ion-slide>

        <ion-slide>
        ...
        </ion-slide>
    </div>
</ion-slides>

在没有那个 div 容器的情况下，还有另一种使用 ngFor 的方法吗？

非常感谢！

【问题讨论】：

您可以在任何地方使用 *ngFor，如果您需要它直接在模板中使用它，或者在可能不会破坏滑块的跨度中使用它

标签： angular ionic-framework ionic2

【解决方案1】：

ng-container 可能会更好。

看 https://github.com/angular/angular/issues/11994

<ng-container *ngFor="let i of items" >
{{i.name}}
</ng-container>

【讨论】：

【解决方案2】：

<template ngFor let-set [ngForOf]="exercise.sets" let-setNumber="index">
// ...
</template>

【讨论】：

@Fargho 我很高兴它成功了。请点击复选标记考虑accepting the answer。这向更广泛的社区表明您找到了解决方案。