Angular2のフルスクリーンloading表示コンポーネント

Angular2用で何か処理をする間に
オーバーレイでloadingを表示するコンポーネントの作成。

[https://gist.github.com/02517becac0c18215c71753773b74e07:embed#Angular2 fullscreen loading component](https://gist.github.com/02517becac0c18215c71753773b74e07:embed#Angular2 fullscreen loading component)

Angular2 fullscreen loading component

使い方

読み込む

import { LoadingComponent } from "./loading.component";

ディレクティブ指定

directives: [LoadingComponent]

テンプレート内

<loading [loading]="isLoading"></loading>

プロパティ

isLoading: boolean = false;

表示、非表示

// 表示
this.isLoading = true;
// 非表示
this.isLoading = false;