ng-switch en Angular moderno

ng-switch pasa a ser el bloque @switch, integrado en la sintaxis de templates. No necesita un elemento contenedor ni imports.

<div ng-switch="vm.order.status">
  <span ng-switch-when="pending">Pending</span>
  <span ng-switch-when="shipped">Shipped</span>
  <span ng-switch-default>Unknown</span>
</div>

@switch (order().status) {
  @case ('pending') { <span>Pending</span> }
  @case ('shipped') { <span>Shipped</span> }
  @default { <span>Unknown</span> }
}

Qué cambia

• ng-switch-when pasa a ser @case, y ng-switch-default pasa a ser @default.
• @case compara con ===, y cada caso acepta cualquier expresión en vez de un atributo de texto.
• No hay fallthrough: solo se renderiza el bloque que coincide y no hace falta break.

Relacionado

• ng-options
• ng-bind-html / $sce
• $location
• form validation (ng-required, $error)