Описание тега angularjs-animation

Официальный модуль анимации для AngularJS. Анимация достигается переключением различных классов в зависимости от состояния элемента.
0 ответов

Какой правильный AngularJS 1.2 способ реализовать эту директиву, которая запускает эту анимацию?

Я создал директиву, которая так выглядит: app.directive('fadeInDown', function ($animate) { var directive = { link: link, restrict: 'A', }; return directive; function link(scope, element, attrs) { scope.$watch(attrs.delay, function (newVal) { TweenM…
1 ответ

angularjs исключает определенные элементы из анимации

Я использую ngAnimate в некоторых местах, но он принимает анимацию для всех моих элементов класса ng. У меня уже был существенный код анимации, написанный для различных элементов, который мне не нужен, чтобы ngAnimate вступил во владение. Их классы …
27 май '14 в 01:08
1 ответ

Добавление слайд-и-анимации с угловой анимацией (нг-шоу)

Итак, у меня есть два набора из 4 кнопок. Только 1 набор кнопок отображается одновременно с помощью выражения ng-show. У меня возникают трудности при работе с угловой анимацией CSS, чтобы создать слайд на ng-show-add и слайд на ng-show-remove. Вот м…
30 июн '15 в 16:30
2 ответа

Как создать эффект слайда с Angular?

У меня есть следующий HTML: <div> <div data-ng-click="showContent()" data-ng-show="!visible" class="fly-in-group">{{heading}}</div> <div data-ng-show="visible" class="fly-in-group"> <div data-ng-click="showHeadings()">T…
26 ноя '13 в 11:14
0 ответов

Простой angualrjs одушевленный высот

Я неделями искал, как это сделать, и я понимаю, как вы можете анимировать элементы, когда они "входят" и "покидают" DOM, используя угловые анимации и сгенерированные классы CSS (т.е. в ngRepeat). Чего я не понимаю, так это как делать простые анимаци…
1 ответ

Angularjs анимация не работает, и я попал в тупик

Это мой код, на который вы можете посмотреть, если это возможно. Ничего официального, я просто отложил этот код для последующего использования. <script> var apps = angular.module('myApp', ['ngAnimate']); //header apps.controller('headerCtrl', …
05 фев '15 в 16:55
1 ответ

AngularJS анимированная навигация

У меня есть такой макет HTML <div id="headbar" ng-swipe-left="ToogleMenu()"> <div id="menu" ng-hide="menuTogglestate"> <ul> <li><a href="#">Menu</a></li> .... </ul> </div> </div> Как я могу…
08 янв '14 в 16:36
0 ответов

Задержка дочерних анимаций в представлении

Я новичок в AngularJS, но прежде чем задать этот вопрос, я искал и искал ответ о том, как сделать это по Angular Way, но потерпел неудачу. Что я хочу сделать:иметь дочернюю анимацию триггера представления [задержка] до тех пор, пока представление [р…
21 авг '14 в 13:39
1 ответ

Анимация нг-шоу в строке таблицы

Я пытаюсь скользить вверх / вниз строки таблицы при переключении ng-show, Я использую AngularJS v1.3.0-rc.5 и включил ngAnimation модуль в моем приложении, но он всегда переключается, не анимируется. Я делаю что-то неправильно? HTML-код следующий: &…
1 ответ

ng-left-active для списка абсолютных позиций div

Когда я удаляю элемент из списка элементов с абсолютным позиционированием, анимация ngAnimate для этих действий не выполняется должным образом. Ниже приведен пример HTML <div ng-app="myApp"> <div ng-controller='ctrl'> <button ng-click…
1 ответ

Дождитесь завершения всех анимаций перед удалением из DOM с угловой анимацией

Я использую функцию в шахматном порядке для угловой анимации ( https://docs.angularjs.org/api/ngAnimate). Есть ли способ, которым я могу использовать это, а также чтобы элементы не удалялись из DOM, пока все анимации не будут завершены? Я создал Plu…
0 ответов

Переключить 2 дел с анимацией

У меня два <div>это то, что пользователи переключаются между ними с checkbox, если флажок установлен, первый <div> открыт. если checkbox не проверено, второй <div> должно быть показано. Дело в том, что это должно происходить в аним…
09 мар '15 в 14:11
2 ответа

AngularJS 1.2 ng-repeat анимация при загрузке страницы

Потрясающая анимация - это здорово! Но я не могу заставить его работать без взаимодействия с пользователем. Существует полный нормальный список ng-repeat: <div ng-controller="controller"> <div class="category" ng-repeat="category in catego…
1 ответ

AngularJS: Директива: Анимировать скользящие страницы и отложить привязку контроллера

Я пытаюсь выяснить, как отложить привязку контроллера по умолчанию и применить его только изнутри директивы, как только определенная анимация (custom - не angularjs) была выполнена для элемента DOM с содержимым. Скрипт к тому, что я пытаюсь выполнит…
1 ответ

$animate.cancel не имеет ожидаемого поведения

Я пытаюсь использовать функцию отмены angularJS $animate: https://docs.angularjs.org/api/ngAnimate/service/$animate с последней стабильной версией: 1.3.2 Но либо я не смог понять, что он должен делать, либо у него нет ожидаемого поведения: У меня ес…
17 ноя '14 в 23:02
2 ответа

Сообщение обратной связи пользователя angularjs при отправке формы

У меня есть простое приложение AngularJs (форма), и после того, как пользователь отправил некоторые данные, мне нужно показать подтверждающее сообщение. Мне нужно показать сообщение во всплывающем окне, как на этой странице http://ng-admin.marmelab.…
0 ответов

Переход показ / скрытие не запускается должным образом из-за ng-animate

Сценарий Angularjs 1.2.6: 2 ввода, 1 текстовое поле (звучит немного грязно). Оба входа инициируют переход "показать / скрыть" для событий размытия / фокусировки, и фокус всегда появляется после размытия, если щелкнуть от одного входа к другому. Даже…
1 ответ

Angular 2 Есть ли способ получить доступ к логике компонента или значению стиля элемента внутри метаданных анимации

По сути, мне нужно знать, есть ли способ вычислить высоту компонента, который динамически создается из рекурсивного дерева. Поэтому, очевидно, я не могу использовать дерево внутри своих объявлений метаданных, но я могу вычислить его высоту в каталог…
1 ответ

Как запустить код после выполнения анимации javascript ввода / вывода ngView в AngularJS?

Я пытаюсь запустить функцию после анимации перехода страницы в AngularJS. По сути, я пытаюсь добиться того, чтобы определенный код запускался в определенное время, например, после ввода перехода и до выхода из перехода. Я использую ngRoute & ngView …
29 май '14 в 12:04
0 ответов

Вызов функции jqLite внутри директивы AngularJS

Мне нужно вызвать функцию jqLite slideToggle внутри директивы AngularJS, чтобы анимировать свертывание каждого блока содержимого. Я хочу, чтобы slideDown/slideUp следующий div.. <div class="ibox-content" ng-show="!collapse"> Content </div&g…