在模板變量中顯式指定異步管道提取結果

Question

是否可以明確將async管道獲取的值指定給模板變量？

在以下示例中userList被分配了取值的length。我想它是取而代之的結果。我還想根據提取的結果的長度顯示用戶列表或noResult模板消息。

<ng-template #noResult> <p> No result to display</p> </ng-template> 
<div *ngIf="(userList$ | async)?.length; else noResult; let userList"> 

<ul *ngFor="let user of userList"> 
    <li> {{ user.email }} </li> 
</ul> 

</div> 

Answer 1

從角4，你可以在這裏做這個

<div *ngIf="(userList$ | async) as userList; else noResult;"> 
    <div *ngIf="userList?.length"> 
    <ul *ngFor="let user of userList"> 
     <li> {{ user.email }} </li> 
    </ul> 
    </div> 
</div> 

在線演示： https://plnkr.co/edit/5lvn5kCDHtsP2PlTaRmo?p=preview