プログラミング

[Angular] ngIf・elseを実装する

プログラミング
この記事は約1分で読めます。
スポンサーリンク

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

スポンサーリンク

前提条件

  • Angular:4以上

実装方法

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

最後に

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

スポンサーリンク
スポンサーリンク
KoEをフォローする
CodeLab

コメント

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