一人もくもく会 α verでサービス開始しました。

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

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

Angular2 fullscreen loading component

使い方

読み込む

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

ディレクティブ指定

directives: [LoadingComponent]

テンプレート内

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

プロパティ

isLoading: boolean = false;

表示、非表示

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