AngularのngIfでtrueとfalseの場合ごとにテンプレートを切り替える

AngularのテンプレートでngIfを使い、trueかfalseかによって表示を切り替えるにはng-template を使って以下のようにします。

<p *ngIf="this.flag; then thenBlock; else elseBlock"></p>
<ng-template #thenBlock>
  flag is true
</ng-template>
<ng-template #elseBlock>
  flag is false
</ng-template>

thenとelseそれぞれの後にしていしたタグを、ng-template タグにも指定します。

以上です。

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