Конструкции switch и case в Angular

В Angular также доступны конструкции @switch, @case и @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>
  }
}