在 Angular 2 的 ngFor 中获取类型的第一行

Question

所以，我有类似（Angular 2）的数据：

[
{text: "first", name: "a"},
{text: "rw", name: "a"},
{text: "ds", name: "b"},
{text: "asdf", name: "b"},
{text: "ASDF", name: "b"},
{text: "ertre", name: "b"}
{text: "hf", name: "c"}
]

我必须使用该数据来显示内容列表，但是以类似的方式

<div>a</div>
<p>a's text 1</p>
<p>a's text 2</p>
<p>a's text 3</p>
<div>b</div>
<p>b's text 1</p>
<p>b's text 2</p>
<p>b's text 3</p>

是否可以在不创建自定义过滤器的情况下实现这一点？意思很简单，如果 else 在 ng 中重复

*ngFor

。

基本上，如果该值第一次出现，我会执行

ngIf

显示标题

div

（我们可以检查

a==a

是否然后隐藏标题，

b==a

然后显示标题）。

Answer 1

您可以使用

<ng-container>

。了解如何使用 <ng-container> 对同级元素进行分组。

<ng-container *ngIf="a!=='a'">
 <div>a</div>
 <p>a's text 1</p>
 <p>a's text 2</p>
 <p>a's text 3</p>
</ng-container>