각도 4 인 캐 러셀에 asyncronsly 데이터 표시

Question

이미지 캐롤라이나와 HTML 템플릿이 있습니다. 나는 그 템플릿을 Angular 4에 적용하여 완벽하게 작동합니다. 이제 파이어베이스 데이터베이스에서 컨텐트를 가져 오려고하지만 비동기 적으로 데이터를 검색하여 컨베이어가 손상됩니다.

data이라는 변수에 쿼리 결과가 저장됩니다 (FirebaseListObservable). 그런 다음 *ngFor="let item in data | async"을 사용하여 각 항목의 이미지를 가져옵니다. 그리고 그것은 완벽하게 보이지만 회전 목마 스타일을 어기는 것입니다.

모든 데이터를 검색 한 경우에만 DOM 요소를 유료화 할 수 있습니까?

AngularJS를 사용하여 이전에 시도한 것처럼 *ngIf="data"으로 시도했지만 작동하지 않습니다.

Answer 1

방금 ​​*ngIf="data"을 사용하는 경우 회전식 표시기는 항상 true를 반환하므로 회전식 표시기가 대기하지 않습니다.

사용하려고 시도하십시오. *ngIf="data | async)?.length" 나는 회전식 코드를 제공하지 않았기 때문에 여기서 추측하고있다.

희망이 도움이됩니다.