В моем компоненте Angular 2 у меня есть массив Observable

list$: Observable<any[]>;

В моем шаблоне у меня есть

<div *ngIf="list$.length==0">No records found.</div>

<div *ngIf="list$.length>0">
    <ul>
        <li *ngFor="let item of list$ | async">item.name</li>
    </ul>
</div>

Но список $ .length не работает с массивом Observable.

Обновить:

Кажется, что(список $ | async) ?. длина дает нам длину, но приведенный ниже код по-прежнему не работает:

<div>
    Length: {{(list$ | async)?.length}}
    <div *ngIf="(list$ | async)?.length>0">
        <ul>
            <li *ngFor="let item of (list$ | async)">
                {{item.firstName}}
            </li>
        </ul>
    </div>
</div>

Может кто-нибудь, пожалуйста, руководство, как я могу проверить длину массива Observable.