Angular 2：*ngFor 中的条件

Question

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

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

在#record 对象中，有一个 isSingle 属性，该属性为真或假。

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

Answer 1

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

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