Angularで読み込み中(ローディング)の表示をする

Angularで読み込み中の表示をしたい時は、テンプレートでngIf を使います。

例えばコンポーネントでbook というパラメタに非同期でデータをセットしている場合、以下のような感じ。

<div *ngIf="book; else elseBlock">
  <h2>{{ book.title }}</h2>
</div>
<ng-template #elseBlock>
  loading...
</ng-template>

 

以上です。

タイトルとURLをコピーしました