Question

我循环遍历li元素。在第一个span中要求将子项作为<ul class="country-list"> <li *ngFor="let country of supportedCountries; let i = index "> <span *ngIf="i===0" class="drop-down">{{country}}</span> {{country}} </li> </ul>元素。怎么实现呢？

这是我的尝试：

.finally()

Answer 1

NgForOf指令也有一个'第一个'变量：

<ul class="country-list">
  <li *ngFor="let country of supportedCountries; let first = first ">
     <span *ngIf="first === true" class="drop-down">{{country}}</span>      
     <ng-container *ngIf="first === false">{{country}}</ng-container>
  </li>
</ul>

Answer 2

您可以使用ng-container而不使用额外的DOM元素以及您想要的i的每个值：

<ul class="country-list">
    <li *ngFor="let country of myArray; let i = index ">
        <ng-container *ngIf="i===0">
            <span class="drop-down">salam</span> 
        </ng-container>
    </li>
</ul>

如何在`* ngFor`循环中有条件地添加元素？

2 个答案: