遅延コンポーネントのhtmlアングル2

Question

このようなことをしたいと思います。コンポーネントがロードされたら、1秒後にhtmlがロードされます。 これはコードコンポーネント（ts）です。

import { Component } from '@angular/core'; 

@Component({ 
    selector: 'pagination', 
    templateUrl: './app/html/pagination.component.html', 
    styleUrls: ['app/css/pagination.component.css'] 
}) 

export class Pagination {} 

templateUrl: './app/html/pagination.component.html', 1秒後に読み込む方法は？ 一般的に私のアイデアは、サーバー上での実行後のリクエスト中に、ユーザーに対して遅延（1秒）を伴う負荷を表示することにあります。 誰にもアイデアはありますか？

<div *ngIf="loaded"> 
... 
... 
... 
</div> 

コンポーネントのクラスで：あなたが欲しいものを基本的に

Answer 1

ngIfディレクティブを使用してください。部品コードで

<div *ngIf="showContent">Will appear after ~1 sec</div> 

：

だから、次のようになります

export class Pagination { 
    public showContent: boolean = false; 
    public ngOnInit() { 
     setTimeout(()=>this.showContent=true, 1000); 
    } 

} 

Answer 2

が、これは単にあなたの要求を購読すると、テンプレート内のコンポーネントを表示するようにフラグを設定し達成するために、要求が完了した後にのみコンポーネントを表示することです：

@Component.... 
export class FooComponent{ 
    let loaded = false; 
} 

そして、あなたのご要望に応じて：上

this.http.post(.....).subscribe(() => { 
    this.loaded = true; 
}); 

以上の情報angular.io