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

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

Обзор

ngAnimateSwap — это директива, ориентированная на анимацию, которая позволяет контейнеру удаляться и вставляться всякий раз, когда связанное выражение изменяется. Типичное применение этой директивы — компонент вращающегося баннера или слайдера, который содержит по одному изображению в любой момент. При изменении активного изображения старое изображение выполнит анимацию leave, а новый элемент будет вставлен с помощью анимации enter.

Информация о директиве

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

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

в качестве атрибута:
```
<ANY
  ng-animate-swap>
...
</ANY>
```

Анимации

Анимация	Происходит
enter	при вставке нового элемента в DOM
leave	при удалении старого элемента из DOM

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

Пример

© 2010–2020 Google, Inc.
Licensed under the Creative Commons Attribution License 3.0.
https://code.angularjs.org/1.8.2/docs/api/ngAnimate/directive/ngAnimateSwap