[Angular] ngIf ディレクティブで if – else を実装する

Angular の ngIf ディレクティブを利用して「 if-else 」を実装する方法をメモしておきます。

前提条件

• Angular : 4以上

実装方法

<div *ngIf="show; else elseContent">真偽が真(true)の場合に表示される</div>
<ng-template #elseContent>
    <h3>真偽が偽(false)の場合に表示される</h3>
</ng-template>

最後に

いざというときによく忘れるので、 ngIf ディレクティブで真偽の判定をする処理はしっかり覚えておきたいですね。