角度2：* ngFor中的条件

Question

I am looking to build a list of elements within HTML, but on a certain property within that list.

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

Within the #record object, there is an isSingle property which is either true or false.

I would like to skip over false elements in the loop, without having to leave empty DIVs in the DOM

Answer 1

You can apply a Pipe on your array recordsService.records to filter only value you want.

Pipe is similar to filter in angular1: https://angular.io/docs/ts/latest/guide/pipes.html