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

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

Обзор

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

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

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

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

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

Анимации

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

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

Пример

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