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 タグにも指定します。
以上です。
逆引きAngular目次
ngコマンド(Angular CLI)
Angularアプリケーションを起動する(ng serve)
Angularアプリケーションをビルドする(ng build)
Angularでファイルが変更されたら自動的にビルドする(ng build –watch)
Angularのコンポーネントを追加する(ng generate component [コンポーネント名])
Angularのサービスを追加する(ng generate service [サービス名])
テンプレート
Angularのngifでtrueとfalseの場合ごとにテンプレートを切り替える
フォーム
Angularでフォームに入力した値をリアルタイムに表示する