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

Угловая анимация дизайна материалов
В настоящее время я разрабатываю мобильное веб-приложение с AngularJS, ngAnimate, Angular-Material и UI-Router. Я следую спецификациям Google Material Design в части UI / UX. Я хотел бы анимировать изменение состояния "угловым способом", и...
12229 просмотров

`ngAnimate` - проблема интеграции
Я установил свой angular , используя bower . вот мой bower.json { "name": "TCP", "version": "1.0.0", "dependencies": { "jquery": "~2.1.4", "angular": "~1.4.1", "angular-animate": "~1.4.1" }, "resolutions": {...
33 просмотров
schedule 13.09.2021

ng-repeat анимация ввода не работает (только когда в ng-repeat добавлен новый элемент)
Я использую ng-animate в своем приложении. Когда мое приложение чата открывается или перезагружается, список сообщений загружается с красивой плавной анимацией. Это мой код: <ion-content class="chatBox" delegate-handle="chatBox">...
643 просмотров
schedule 12.09.2021

Как мне сдвинуть div и все его содержимое с помощью ngAnimate?
У меня есть «индексная» страница со списком и некоторыми вариантами выбора, а затем внеэкранный div справа, который содержит контент, специфичный для текущего выбора (сокращенно от страницы «показать»). Когда нажимается кнопка, я хочу, чтобы...
364 просмотров

Как сделать анимацию специально для ngShow / ngHide (ngAnimation)
Я изучил этот урок: https://docs.angularjs.org/api/ngAnimate . Хорошо, что он работает (я использовал пример из следующей ссылки из анимации на основе CSS), но проблема, с которой я столкнулся, заключается в том, что все DOM, которые используют...
97 просмотров

ngAnimate с Angular 1.4 + TypeScript не работает во время загрузки страницы
TL; DR При использовании ES5 вид вначале исчезает ( пример ES5 ) Вид НЕ исчезает при использовании импорта Typescript ( пример импорта TypeScript и ES6 ) В настоящее время я экспериментирую с модулями Typescript, ES6 и с тем, как...
1108 просмотров
schedule 17.11.2021

Angular не обновляет ng-класс на ng-view
Я использую angular 1.6.5 для своего приложения angular и столкнулся с очень странным поведением. Я хочу добиться следующего: при изменении ngroute я должен удалить активный класс из текущего представления, дождаться завершения анимации выхода, а...
516 просмотров
schedule 19.11.2021

Как сделать скользящее движение с помощью CSS в angular?
Рассмотрим следующий плункер Я пытаюсь сделать так, чтобы список номеров сдвигался влево при входе и сдвигался влево при выходе. Вот мой css .stuff { display: inline-block; margin-left: 10px; } button { display: block; }...
49 просмотров
schedule 08.03.2022

Пример ngAnimate для плавной сортировки ng-repeat?
Я хотел бы увидеть функциональный пример использования angular-animate (1.2x) для сортировки списка. (В инете я встречал только сломанные скрипки и т.д.): ng-repeat для массива [A,B,C] и позже [C, B, A] должен: Переместите А вниз...
3796 просмотров
schedule 02.04.2022

Анимация на ngShow пропускается в первый раз
Я пытаюсь анимировать открытие/закрытие тела панели начальной загрузки Twitter, которое отображается с помощью ng-show в angular (версия 1.3.2), с помощью простого jQuery slideUp/slideDown. (Сначала я пытался использовать переходы css, но не смог...
1030 просмотров

Собственный переключатель слайдов AngularJs для вложенных подменю неправильно обновляет высоту
Я реализую переключатель слайдов для вложенного меню в AngularJS. Я использовал код со следующей страницы: https://blog.assaf.co/native-slide-toggle-for-angularjs-1-4-x/ Хотя у меня с ним только одна проблема. Я пытаюсь реализовать это в...
119 просмотров
schedule 13.06.2022

Невозможно получить тайм-код с точностью до кадра в Adobe Animate CC
Я использую инструмент Adobe Animate для разработки флеш-плеера, который позволит пользователям комментировать и отмечать лица людей в видео. Таким образом, пользователь воспроизводит видео, останавливает его и рисует прямоугольник вокруг видимого...
109 просмотров

Анимация переупорядочения списка с помощью angularjs
Я работаю над проектом в angularjs, в котором есть список объектов, которые обновляются в реальном времени и будут переупорядочиваться с каждым обновлением. Я хочу анимировать эти объекты, плавно перемещаясь от их начального до конечного положения,...
8740 просмотров

Почему не работает переход ng-animate на основе класса ng?
Это сильно упрощенная демонстрация анимации ng-class с использованием перехода, которую я пытаюсь реализовать. Я пытаюсь создать простую анимацию затухания при выборе элемента. Выбор элемента добавит к нему класс selected с помощью директивы...
1276 просмотров
schedule 31.07.2022

AngularJS Animations Поменять местами строки в таблице
Я пытаюсь добавить анимацию в свое приложение. Здесь представлена ​​таблица со строками, каждую строку можно изменить/удалить или переместить. В этом вся хитрость, я могу перемещать элементы между строками в моей таблице, но я не могу добавить...
641 просмотров
schedule 14.08.2022

Angular ui-router, анимирующий изменения дочернего состояния, но не внук
У меня есть угловое приложение с основным абстрактным представлением и вложенными дочерними представлениями. Один из дочерних элементов основного представления также является абстрактным с собственными дочерними представлениями. Когда я меняю...
372 просмотров
schedule 14.08.2022

Невозможно получить доступ к свойству $scope за пределами контроллера AngularJS в функции анимации
angular.module("modalApp", ['ngAnimate', "ngMaterial", "ngMessages"]) .controller('modalCtrl', function ($scope) { $scope.direction = 'left'; $scope.currentIndex = 0; $scope.init = true; $scope.initWizard =...
282 просмотров
schedule 26.08.2022

обратный вызов, когда анимация пользовательского интерфейса завершена
Я использую angular в приложении вместе с ui-router. Я хочу иметь возможность выполнить некоторый код, когда анимация пользовательского интерфейса будет завершена. Я читал, что $stateChangeSuccess должен иметь возможность добиться этого, но, похоже,...
333 просмотров

Запуск кода после завершения анимации AngularJS
У меня есть элемент, видимость которого переключается с помощью ng-show . Я также использую анимацию CSS — автоматические из ng-animate — для этого элемента, чтобы оживить его запись. Элемент будет содержать изображение или видео. В случае,...
22365 просмотров
schedule 03.12.2022

Как переключаться между двумя сообщениями ngShow с помощью css или ngAnimate
Я создаю форму в angularjs, в которой есть два ngShow для сообщений об ошибках. Теперь я хочу объединить эти два сообщения, поместив их в одно и то же место. Но я не уверен, как его получить. Вот ссылка на плункер:...
540 просмотров
schedule 22.10.2022