Angularで式の値によってメッセージを切り替えるには？（ngSwitch）：Angular TIPS

import { Component } from '@angular/core';

@Component({
  selector: 'app-root',
  template: `
    <form>
      <!-- ［2］選択ボックスとtitleプロパティをひも付け-->
      <select name="title" [(ngModel)]="title">
      <option value="">書籍を選択</option>
      <option value="angular">Angularアプリケーションプログラミング</option>
      <option value="mysql">3ステップでしっかり学ぶ MySQL入門</option>
      <option value="csharp">独習C# 新版</option>
      <option value="core">速習 ASP.NET Core</option>
      </select>
    </form>
    <!-- ［1］titleプロパティに応じて、対応するテキストを表示-->
    <div [ngSwitch]="title">
      <span *ngSwitchCase="'angular'">定番JavaScriptフレームワーク……省略……</span>
      <span *ngSwitchCase="'mysql'">MySQL（データベース）初心者の……省略……</span>
      <span *ngSwitchCase="'csharp'">C#言語の独学に最適な教科書……省略……</span>
      <span *ngSwitchCase="'core'">サクッと学べる。ASP.NET Coreの……省略……</span>
      <span *ngSwitchDefault>選択してください</span>
    </div>`,
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  title = '';
}