angular - 如何跳过 *ngFor 中的第一项和最后一项

Question

我有一个项目清单。第一行是一种标题。最后一行是一种页脚。我的页眉和页脚需要特殊处理，所以我不想通过这个循环显示。

json:

{
  "items": [1,2,3,4]
}

我现在的代码：

<ul *ngFor="let item in items">
 <li>{{item}}</li>
</ul>

输出应该是：

<ul>
 <li>2</li>
 <li>3</li>
</ul>

标签： angular

Answer 1

您可以使用闪亮的切片管：

创建一个新的Array或String包含元素的子集（切片）。

<ul>
    <li *ngFor="let item of items | slice:1:items.length-1">{{item}}</li>
</ul>

• 在线尝试！
• 切片管