Estruturas switch e case no Angular

O Angular também oferece as estruturas @switch, @case e @default:

app/app.component.html@switch (str) {
  @case ('a') {
    <div>
      aaa
    </div>
  }
  @case ('b') {
    <div>
      aaa
    </div>
  }
  @case ('c') {
    <div>
      ccc
    </div>
  }
  @default {
    <div>
      error
    </div>
  }
}