javascript - Angular 2 : Condition in *ngFor

Question

我希望在 HTML 中构建一个元素列表，但基于该列表中的某个属性。

<ul>
    <li *ngFor="#record of recordsService.records">
        {{record.recordTitle}} -
        <strong>{{record.recordArtist}}</strong>
    </li>
</ul>

在#record 对象中，有一个 isSingle 属性，它要么是 true 要么是 false。

我想跳过循环中的错误元素，而不必在 DOM 中留下空的 DIV

Answer 1

您可以在数组 recordsService.records 上应用 Pipe 以仅过滤您想要的值。

Pipe 类似于angular1中的filter: https://angular.io/docs/ts/latest/guide/pipes.html