包裹ngFor的项目范围？

Question

我想在ngFor期间包装一系列元素。

https://stackblitz.com/edit/angular-my7it8

输出html，如：

<p>first</p>
<p>second</p>
<p>third</p>
<p>fourth</p>

我希望它输出：

<p>first</p>
<div>
    <p>second</p>
    <p>third</p>
</div>
<p>fourth</p>

理想情况下，这是基于旗帜发生的。在英语中它是“如果一个标志是真的，打开新的div。附加项目，直到标志为假。”

Answer 1

这样的东西？

<ng-container *ngFor="let item of links; let i = index;">
    <div *ngIf="i % 2 !== 0">
        <p>{{item.name}}</p>
    </div>
    <p *ngIf="i % 2 === 0">{{item.name}}</p>
</ng-container>

您可以明显调整*ngIf以检查其他条件。