Описание тега ng-animate
Модуль ngAnimate обеспечивает поддержку анимации на основе CSS (ключевые кадры и переходы), а также анимации на основе JavaScript с помощью хуков обратного вызова. Анимация не включена по умолчанию, однако, если включить ngAnimate, то перехватчики анимации будут включены для приложения AngularJS.
1
ответ
Представления ui-router и ng-animate работают только с атрибутами, но не с классами
У меня есть этот HTML: <div class="slide1" ui-view="slide1"></div> <div class="slide2" ui-view="slide2"></div> И этот CSS: [ui-view].ng-enter { /* ... */ } [ui-view].ng-enter.ng-enter-active { /* ... */ } Это работает, но есл…
21 дек '15 в 18:25
1
ответ
Угловой UI Router с ng-enter-stagger
Я надеюсь, что кто-то может помочь мне, я застрял на этом некоторое время. У меня есть простой jsfiddle здесь: http://jsfiddle.net/mcneela86/aodsux3p/ который использует ng-enter-stagger Класс для пошагового анимации на каждом элементе списка, и, ка…
15 окт '15 в 08:39
0
ответов
Различные анимации пролистывания в зависимости от направления пролистывания в AngularJS
Я создал действительно базовую версию того, что у меня есть, в JSFiddle, которую можно найти здесь: http://jsfiddle.net/hamchapman/a97Yq/5/ Это код на случай, если JSFiddle не работает: // ** view ** <div class="container" ng-controller="AdminCtr…
18 мар '14 в 12:11
1
ответ
Анимированная кнопка "Загрузить еще" с угловым повторением
Я использовал ng-repeat для отображения некоторых данных из массива, но данные слишком велики, поэтому я использовал лимит с помощью ng-repeat и кнопки more для загрузки большего количества элементов из массива. Теперь я хочу использовать анимацию, …
06 дек '15 в 07:12
1
ответ
Условно загрузить модуль ng-animate?
Мы используем модуль Angular 1.4.9 ng-animate. Все работает нормально, но некоторые из наших команд просят способ НЕ загружать в зависимости от условия. Например, на конкретной платформе или пользовательском агенте нет загрузок ng-animate. У нас уже…
16 июн '16 в 18:40
0
ответов
Как добавить ngAnimate в UL и LI, которые генерируются с помощью ngRepeat?
Я работаю над анимацией пользовательского интерфейса, который генерируется с помощью ngRepeat Я рабочий пример в jquery здесь: <div class="accordion-wrapper"> <ul class="accordion-root"> <li class="accordion-key"> <div class="ac…
04 авг '15 в 11:37
1
ответ
Модуль Angular ngAnimate нарушит директиву карты открытых слоев
Я сделал директиву, которая отображает карту Open Layers (ниже не мой рабочий код, а упрощенная версия, используемая для создания plunkr. Не обращайте внимания на жестко закодированный идентификатор элемента DOM). РЕДАКТИРОВАТЬ: жестко закодированны…
19 сен '14 в 08:34
1
ответ
Используйте ngAnimate с Angular-Formly (ngHide/ngShow)
Я пытаюсь использовать ngAnimate, чтобы сгладить переходы скрытия / отображения на сгенерированной странице. Однако, похоже, что хуки ng-animate добавляют классы add / remove css к элементу. Элемент все еще скрывается и отображается, как и ожидалось…
01 дек '15 в 00:45
0
ответов
Angular.js устанавливает логическую переменную области видимости, когда анимация происходит через директиву пользовательского интерфейса UI-Router
Я использую директиву ui-view ui-router и ng-animate 1.3.8, чтобы добавить переход страницы CSS, когда содержимое ui-view обновляется при изменении состояния. У меня переход работает отлично, но теперь я хотел бы определить логическую переменную в $…
13 янв '15 в 13:26
1
ответ
Не удается заставить Animate.css работать с AngularJS 1.3
Согласно нескольким блогам, это должно работать. <li ng-animate="{enter: 'animated shake'}" ng-repeat="name in names | filter:search"> <a href="#"> {{name}} </a> </li> Plunkr: http://plnkr.co/edit/Wlp0ckeEWHQcsrzIfAyk?p=previ…
18 сен '14 в 14:48
1
ответ
Не могу заставить ngAnimate работать в новом проекте angular-seed
Проблема: Анимация не работает в проекте угловых семян. Что я сделал: Я взял семя угловой из GitHub. В seed-проекте есть два представления, view1.html и view2.html, которые связаны между собой посредством соответствующих маршрутов с соответствующими…
18 сен '14 в 08:02
1
ответ
Анимация Angular 1.3 не работает в Firefox
У нас есть директива ng-repeat, которая использует ng-hide для анимации и скрытия на основе выбранного индекса. Анимации работают корректно во всех браузерах, кроме Firefox. В Firefox анимация для.ng-hide-remove не работает. Вы можете видеть, как он…
21 окт '14 в 19:34
1
ответ
Угловая анимация при смене модели
Я открываю угловые и очень впечатлен этими рамками. Я копаюсь в анимации. Это кажется очень мощным, но я не нахожу что-то, что кажется легким. У меня есть значение, которое связано в объеме. Скажем <span>{{article.title}}</span>, Я хочу …
02 ноя '13 в 23:09
2
ответа
Могу ли я ограничить воспроизведение анимации CSS только один раз при переключении класса на один и тот же элемент, определяющий другую анимацию?
По сути, я пытаюсь показать анимацию на некоторых элементах, которые были затронуты в "самом последнем действии". После завершения этой анимации она не должна воспроизводиться снова. Проблема, с которой я столкнулся на данный момент, заключается в т…
28 сен '15 в 22:31
3
ответа
angularjs цепочечный переход / постепенное исчезновение
Я посмотрел на официальный пример перехода / показать / скрыть в нижней части этой страницы... http://docs.angularjs.org/api/ng.directive:ngShow Я попытался изменить его, чтобы получить безобидный переход с постепенным исчезновением (переход: непроз…
25 окт '13 в 00:56
2
ответа
Почему моя директива не вводит анимацию с помощью ng-if при первом запуске с AngularJS 1.5?
http://codepen.io/anon/pen/MygQvb Я использовал Angular 1.4.7, а затем решил обновить. После этого все анимации по директивам используют ng-if перестал работать в первый раз, когда они должны были случиться. Пример выше на Codepen показывает, что я…
25 фев '16 в 18:36
3
ответа
ngAnimate не добавляет классы ng-enter/ng-left в пользовательском интерфейсе
Я был во всем Интернете, пытаясь выяснить проблему моей проблемы. Я не могу понять, что происходит. Наше приложение огромно, поэтому я не могу опубликовать код, который отстой. Мне просто нужно какое-то направление, я часами гуглял одно и то же. ngA…
23 авг '15 в 00:44
1
ответ
AngularJS Digest Cycle иногда не может обновить область
Angular Devs! Я сталкиваюсь с небольшой проблемой при совместном использовании ngAnimate и UI-Router. По сути, у меня есть пять дочерних состояний ("слайдов"), которые составляют мое основное содержание, а также кнопки на каждой стороне. Эти кнопки …
08 мар '15 в 10:28
0
ответов
Использование ng-animate-ref с асинхронными данными
У меня есть угловое приложение, которое использует $resource загрузить данные в представления. Я использовал ngAnimate ng-animate-ref для перехода изображения из одного вида в другой. Это работало нормально, когда данные были жестко закодированы в к…
25 июн '16 в 01:14
1
ответ
Glitchy нг-анимация исчезать на нг-шоу / нг-скрыть
Итак, у меня есть набор карточек, которые через пять секунд исчезают из загрузочного винтика в какую-то фиктивную информацию. Я использую ng-show и ng-hide, чтобы переместить винтик в информацию. Моя проблема в том, что, когда происходит исчезновени…
23 дек '16 в 18:18