テンプレート変数

Question

に非同期パイプフェッチ結果を明示的に割り当てますasyncパイプでフェッチされた値をテンプレート変数に明示的に割り当てることは可能ですか？

次の例では、userListには、取り出した値のlengthが割り当てられています。私はそれが代わりにフェッチされた結果であることを望みます。また、取得した結果の長さに基づいて、ユーザーリストまたはnoResultテンプレートメッセージを表示したいと思います。アンギュラ4から

<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

あなたはここで、この

<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