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;
Crieitは誰でも投稿できるサービスです。 是非記事の投稿をお願いします。どんな軽い内容でも投稿できます。
また、「こんな記事が読みたいけど見つからない!」という方は是非記事投稿リクエストボードへ!
こじんまりと作業ログやメモ、進捗を書き残しておきたい方はボード機能をご利用ください。
ボードとは?
コメント