2018-10-15に更新

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;

だら@Crieit開発者

Crieitの開発者です。 主にLAMPで開発しているWebエンジニアです(在宅)。大体10年程。 記事でわかりにくいところがあればDMで質問していただくか、案件発注してください。 業務依頼、同業種の方からのコンタクトなどお気軽にご連絡ください。 業務経験有:PHP, MySQL, Laravel5, CakePHP3, JavaScript, RoR 趣味:Elixir, Phoenix, Node, Nuxt, Express, Vue等色々

Crieitはαバージョンで開発中です。進捗は公式Twitterアカウントをフォローして確認してください。 興味がある方は是非記事の投稿もお願いします! どんな軽い内容でも嬉しいです。
なぜCrieitを作ろうと思ったか
関連記事

コメント