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, если это помогает.