Улучшить эту документацию Посмотреть исходный код ngSwitch

директива в модуле ng

Директива ngSwitch используется для условной смены структуры DOM на вашей шаблоне на основе выражения области видимости. Элементы внутри ngSwitch но без ngSwitchWhen или ngSwitchDefault директив будут сохранены в указанном в шаблоне месте.

Сама директива работает аналогично ngInclude, однако вместо загрузки кода шаблона (или загрузки его из кэша шаблонов), ngSwitch просто выбирает один из вложенных элементов и делает его видимым, в зависимости от того, какой элемент соответствует значению, полученному от вычисленного выражения. Другими словами, вы определяете контейнерный элемент (куда помещаете директиву), размещаете выражение в атрибуте on="..." (или атрибуте ng-switch="..."), определяете любые внутренние элементы внутри директивы и помещаете атрибут when для каждого элемента. Атрибут when используется для того, чтобы уведомить ngSwitch, какой элемент отобразить, когда будет вычислено выражение on. Если сопоставляющее выражение не найдено с помощью атрибута when, отображается элемент с атрибутом default.

Имейте в виду, что значения атрибутов для сопоставления не могут быть выражениями. Они интерпретируются как литеральные строковые значения для сопоставления. Например, ng-switch-when="someVal" будет сопоставляться со строкой "someVal", а не со значением выражения $scope.someVal.

Справочная информация о директиве

Эта директива создает новую область видимости.
Эта директива выполняется на уровне приоритета 1200.

Использование

<ANY ng-switch="expression">
  <ANY ng-switch-when="matchValue1">...</ANY>
  <ANY ng-switch-when="matchValue2">...</ANY>
  <ANY ng-switch-default>...</ANY>
</ANY>

Анимации

enter - происходит после изменения содержимого ngSwitch и размещения соответствующего дочернего элемента внутри контейнера leave - происходит сразу после изменения содержимого ngSwitch и непосредственно перед удалением предыдущего содержимого из DOM

Нажмите здесь, чтобы узнать больше о шагах, участвующих в анимации.

Аргументы

Параметр Тип Подробности

ngSwitch | on

Параметр	Тип	Подробности
ngSwitch \| on	`*`	выражение для сопоставления с `ng-switch-when`. К дочерним элементам добавьте: `ngSwitchWhen`: выражение для сопоставления. Если совпадение найдено, этот случай будет отображен. Если совпадение встречается несколько раз, все элементы будут отображены. `ngSwitchDefault`: случай по умолчанию, когда не совпадает ни один другой случай. Если существует несколько случаев по умолчанию, все они будут отображены, если не совпадает ни один другой случай.

*

выражение для сопоставления с ng-switch-when. К дочерним элементам добавьте:

ngSwitchWhen: выражение для сопоставления. Если совпадение найдено, этот случай будет отображен. Если совпадение встречается несколько раз, все элементы будут отображены.
ngSwitchDefault: случай по умолчанию, когда не совпадает ни один другой случай. Если существует несколько случаев по умолчанию, все они будут отображены, если не совпадает ни один другой случай.

© 2010–2017 Google, Inc.
Licensed under the Creative Commons Attribution License 4.0.
https://code.angularjs.org/1.4.14/docs/api/ng/directive/ngSwitch