템플릿에서 async 파이프의 결과에 액세스하는 구성 요소 코드에서 각도 2

Question

각도 2에서 템플릿이있는 구성 요소가 있습니다.

유형 스크립트 코드에서 Reactive Extensions Observable (items$)을 작성하고 async-pipe가있는 템플릿의 ngFor 지시문에 사용합니다.

이렇게하면 가입 및 가입 취소에 대해 걱정할 필요가 없습니다.

<div *ngFor="let item of items$ | async"></div> 
... 
</div> 

이제 구성 요소 코드에서 항목 목록에 액세스하고 싶지만 구독하지 않아도됩니다. 템플릿에서 항목 목록의 복사본이나 참조를 되돌릴 수있는 방법이 있습니까?

Answer 1

당신이 as과 특수 구문을 사용할 수 있습니다 4+ 각도 때문에 (물론 *ngIf 작동) :

<div *ngFor="let item of items$ | async as items"></div> 
    {{ items.length }} ... 
</div> 

내가 그것을 가능하지 지금 생각 여기에 예를 https://angular.io/api/common/NgForOf