AngularJS: Как оживить ng-повтор при загрузке с использованием ng-animate

Folks!

Как я могу получить divs, созданные с помощью ng-repeat, чтобы спуститься вниз. Я имею в виду увеличение размера ON LOAD.

Я хочу достичь этого, используя ng-animate, и анимация должна запускаться при загрузке страницы.

Я рассматриваю этот пример, приведенный в документах, в которых анимация прекрасно выполняется при фильтрации элементов, но не при загрузке страницы.

Я использую версию 1.2.0

Будет оценена рабочая скрипка или плунжер. Спасибо заранее.

Ответ 1

Чтобы показать анимацию ng-repeat при загрузке страницы, целевой массив должен быть сначала пустым. Затем присваиваются значения.

Попробуйте http://plnkr.co/edit/mRZFFX?p=preview

В этом демо использовалось $timeout для установки значения friends в более позднее время, чтобы активировать анимацию ввода.

Ответ 2

Можете ли вы посмотреть пример URL-адреса nganimate в ng-repeat:

http://www.nganimate.org/angularjs/ng-repeat/move

Если вы используете последнюю версию Angularjs, вам нужно добавить "ngAnimate" в ваше приложение, а также добавить файл зависимых js, который "angular -animate.min.js"

Ответ 3

Я также пытаюсь добиться этого. AFAIK единственный способ добавить элементы в список после пересказки страницы.

Вот еще один пример, любезно предоставленный Steve Guilford, если это помогает.