Вопросы по теме 'ng-animate'

Переход Angularjs ng-animate + css для эффекта скольжения
Я пытаюсь добиться эффекта скольжения с помощью новой функции ng-animate Angular. Я взял код с демо-сайта и подготовил скрипку . Проблема в том, что элементы ниже скользящего DIV продолжают смещаться вверх и вниз, когда элемент заменяется из...
15481 просмотров
schedule 15.10.2022

ng-animate в ng-repeat не работает
Мне было поручено создать каскадный эффект для списка элементов (каждый появляется на долю секунды позже другого). Так что вы можете себе представить, как я был взволнован, когда обнаружил ng-animate . Я уже заполнил свой список ng-repeat , так...
2290 просмотров

ngHide и ngAnimate с максимальной шириной: свойство перехода в неправильном классе?
Я использую ngAnimate для анимации максимальной высоты для простого эффекта переключения слайдов, и происходит что-то немного странное: при скрытии кажется, что установка свойства перехода в классе установки ( .xxx-hide ) не работает - высота сразу...
1440 просмотров
schedule 09.06.2022

ng-animate: условное переключение обратного перехода (ОШИБКА?)
Привет всем, читая эту группу Google , а также ссылки на скрипты и сообщения в блогах оттуда , мне удалось заставить переходы страниц работать с ng-animate. Вот моя скрипка the fiddle is nicely commented, please let me know if...
3297 просмотров
schedule 01.06.2023

угловая директива ng-animate с директивой ng-show
Я не могу заставить ng-animate работать с директивой ng-show. Вот упрощенный пример JSBin: http://jsbin.com/uquzal/1/edit По какой-то причине мои классы CSS .show-animation-setup и .show-animation-start не работают. Любые идеи? Спасибо!
1288 просмотров
schedule 11.01.2023

ngAnimate на ngShow не работает
Я пытаюсь выполнить анимированное меню с помощью ngAnimate. home.html <div id="left-menu" ng-hide="showMenu"> <div class="wrapmenu"> Menu </div> </div> <div id="content-wrapper" ng-show="showMenu"...
2095 просмотров
schedule 21.10.2022

AngularJS ng-show анимация плавно исчезает внутри ng-repeat
Простая (но не для меня!) проблема с отображением/скрытием анимации angularjs. Я искал повсюду, но не нашел решения этой конкретной проблемы, которую, возможно, лучше всего объяснить с помощью примера и "задачи". Во-первых, пример:...
22109 просмотров
schedule 10.06.2022

Использование ngAnimate AngularJS при удалении элемента из области видимости
Очень простой вопрос: возможно ли (и как) в AngularJS 1.2.x заставить ngAnimate срабатывать при удалении элемента из области видимости? Вот пример плунжера: http://plnkr.co/edit/tpl:FrTqqTNoY8BEfHs9bB0f?p=preview Код: <body...
5450 просмотров

ng-animate : анимация при изменении модели
Я создал таблицу, в которой пользователь может увеличивать и уменьшать значение. См. скрипку . //sample code as its not allowing me to push the link to JSFiddle with out pasting code <tr ng-repeat="d in dataSource"...
30382 просмотров
schedule 09.04.2023

Скажите ngAnimate анимировать только ngShow/ngHide
У меня есть веб-приложение AngularJS 1.2.2 с <div> , которое я показываю/скрываю на основе некоторого свойства $scope . Используя модуль ngAnimate , я анимирую отображение и скрытие <div> . <div id="square" ng-show="showSquare"...
10628 просмотров
schedule 07.07.2023

Как анимировать классы CSS с помощью ngAnimate?
В моем приложении я хочу показать индикацию загрузки во время загрузки. Я успешно реализовал это: lyr.ui.directive('loading', ['$timeout', function($timeout) { return function(scope, element, attr) {...
236 просмотров
schedule 17.11.2022

ngAnimate 1.2 с ngShow/ngHide
Я пытаюсь добавить переходы CSS3 в свой код, но не понимаю значения этих классов: .ng-hide-add .ng-hide-active и .ng-hide-remove .ng-hide-remove-active Я пытался добавить простое облегчение и облегчение с этим, но не уверен, к каким...
500 просмотров
schedule 21.04.2023

Анимация ящика с помощью jQuery в Angular
У меня есть ящик, спрятанный за панелью с использованием абсолютного позиционирования и z-индексации. На панели есть кнопка, которая при нажатии открывает ящик, анимируя верхнее поле с помощью jQuery. Причина, по которой я делаю это с jQuery,...
327 просмотров
schedule 17.02.2023

Angular анимированный слайдер
Я пытаюсь создать слайдер с помощью ng animate. Слайдер работает. Вы можете щелкнуть следующее и предыдущее и получить следующее и предыдущее изображения. Однако я хотел бы добавить переход к элементу, который скрыт от исходного элемента, пока...
2404 просмотров
schedule 18.07.2023

AngularJS ngAnimate заставить div скользить сверху div, а не с верхней части страницы
У меня есть кнопка, которая показывает и скрывает div. Я просто хочу, чтобы div скользил вверх и вниз от верхней части div, а не от верхней части страницы. Как бы я это сделал? Контроллер: app.controller('myController', ['$scope', function...
1648 просмотров

Условная анимация переходов ng-view
Я пытаюсь применить анимацию к ng-view (маршрутизации) в зависимости от задействованных представлений. Например, из View1 в View2 мне нужно, чтобы View1 выходил через левую сторону, а View1 входил с правой стороны. В противном случае из View2 в...
1046 просмотров

Не удалось найти подходящую версию для angular с ошибкой установки Bower для модуля angular-animate
Я использую Angular 1.2.6 . Я пытаюсь использовать Bower для установки angular-animate и ngAnimate-animate.css . Я пытался установить ( bower install --save angular-animate ), несколько раз удаляя и различая код на github с 1.2.16 и 1.2.17....
21801 просмотров

Как сделать вид AngularJs, ввести анимацию
Я пытаюсь создать слайд-анимацию, когда представление отображается в угловом приложении, аналогичном этот образец Вот мое приложение http://plnkr.co/edit/nO7mfjx5iOUUyB0tZwIq?p=preview . Я скопировал все классы css из примера, но не могу...
266 просмотров
schedule 27.05.2023

Угловая анимация не работает правильно при первом запуске, когда элемент изначально скрыт
Я подключаю строку состояния в своем угловом приложении, цель состоит в том, чтобы при отправке запроса на сервер панель отображала ответное сообщение, имела цвет фона для обозначения успеха или ошибки, и если она была успешной, чтобы скрыть после...
4024 просмотров
schedule 02.07.2023

Jerky прервал переходы CSS с помощью ngAnimate в Chrome
Я заметил, что с ngAnimate загруженными переходами CSS «дергаются» в Chrome, когда они прерываются другим переходом. То есть они как бы переходят к целевому состоянию, а не начинают с текущего значения. Точно такие же переходы намного более...
2729 просмотров