Angular2のNgSwitchで内部にあるHTMLテンプレートの表示を切り替え | VPSサーバーでWebサイト公開 備忘録 ~Linux、MySQLからAJAXまでAngular2のNgSwitchを使って、複数のHTMLテンプレートを選択して表示を切替える事ができます。 ※Angular2の2.0.0版、TypeScriptを使って確認したものです。（デモはv4.4.3、v2.0.0で動作確認） 下記のようにボタンで選択した値（変数switch）の値に応じてHTMLテンプレートが選択されて表示されます。 何も選択されていない場合は、”ngSwitchDefault”で指定した内容が表示されます。 <input type="button" value="リストを表示" (click)="switch='list'"> <input type="button" value="テーブルを表示" (click)="switch='table'"> <div [ngSwitch]="switch"> <div *ngSwitchCase="'table'">
