angular – 如何在没有包装元素的情况下重复内容(也称为* ngFor)?

前端之家收集整理的这篇文章主要介绍了angular – 如何在没有包装元素的情况下重复内容(也称为* ngFor)?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个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>
原文链接:https://www.f2er.com/angularjs/141499.html

猜你在找的Angularjs相关文章