angular – 如何在没有包装元素的情况下重复内容(也称为* ngFor)
发布时间:2020-12-17 08:22:00 所属栏目:安全 来源:网络整理
导读:我有一个Angular 4组件,它使用的是一个有效的二维数组.我有一个包含一系列链接的部分数组.我希望能够平坦地输出它们: ul div *ngFor="let section of all_sections" li *ngFor="let nav of section.links" [class.active]="nav.href === current_url" /li l
我有一个Angular 4组件,它使用的是一个有效的二维数组.我有一个包含一系列链接的部分数组.我希望能够平坦地输出它们:
<ul> <div *ngFor="let section of all_sections"> <li *ngFor="let nav of section.links" [class.active]="nav.href === current_url"> </li> <li class="divider"></li> </div> </ul> 我怎么能强制它做循环但没有额外的包装div为部分?它应该只是ul里面的li标签. 预期产量: <ul> <li class="active"></li> <li class="active"></li> <li class="active"></li> <li class="divider"></li> <li class="active"></li> <li class="active"></li> <li class="active"></li> <li class="divider"></li> </ul>
你可以尝试使用ng-container
<ng-container *ngFor="let section of all_sections;"> ... </ng-container> (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |