0

私は読み込みコンポーネントで作業して、コンテンツが呼び出されて API から読み込まれるまでの間、フレンドリーな待機を行いました。テキストのみの場合は問題ありませんが、情報に画像やその他の情報が含まれている場合、コンテンツが完全に読み込まれる前に読み込みコンポーネントが消えます。

Angular2 のライフサイクル フックを調べましたが、いずれも私の要件に適合しているように見えます。

主に私のコンポーネントは、いつ isLoading = true が消えなければならないかを理解しています。

これが私がそれをやろうとした私の方法です。

ngOnInit() {
        // Payload to call the API
        var model: myPayload = {
            AuthorId: this._authorid,
            CountryId: this._countryid

        }
        // Api loading
        Observable.forkJoin(
            this._service.getList(model)
        )
            .subscribe(
            res => {
                this.authorList = res[0];
            },
            null,
            () => { 
                this.isLoading = false 
                }
            )
}
4

2 に答える 2

1

Promiseコンポーネントをまたはで待機させる方法はありませんObservable。

ルーターは、ガードObservableが完了するまで待機させることができます。CanActivate

*ngIf="data"簡単な回避策は、ビューの最も外側の要素を追加することです。

于 2016-06-26T10:28:14.407 に答える