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>

如果不创建自定义过滤器，这可能吗？仅仅意味着重复*ngFor。基本上我会ngIf显示标题div，如果它首次出现该值（我们可以检查a==a然后隐藏标题，b==a然后显示标题）

Answer 1

您可以使用<ng-container>。了解如何Group sibling elements with <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>

获取一个类型的第一行ng重复angular2

1 个答案: