Вопросы по теме 'ng-animate'
Угловая анимация дизайна материалов
В настоящее время я разрабатываю мобильное веб-приложение с AngularJS, ngAnimate, Angular-Material и UI-Router. Я следую спецификациям Google Material Design в части UI / UX.
Я хотел бы анимировать изменение состояния "угловым способом", и...
12229 просмотров
schedule
05.11.2021
`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 просмотров
schedule
04.11.2021
Как сделать анимацию специально для ngShow / ngHide (ngAnimation)
Я изучил этот урок: https://docs.angularjs.org/api/ngAnimate . Хорошо, что он работает (я использовал пример из следующей ссылки из анимации на основе CSS), но проблема, с которой я столкнулся, заключается в том, что все DOM, которые используют...
97 просмотров
schedule
27.09.2021
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 просмотров
schedule
04.06.2022
Собственный переключатель слайдов 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 просмотров
schedule
01.07.2022
Анимация переупорядочения списка с помощью angularjs
Я работаю над проектом в angularjs, в котором есть список объектов, которые обновляются в реальном времени и будут переупорядочиваться с каждым обновлением. Я хочу анимировать эти объекты, плавно перемещаясь от их начального до конечного положения,...
8740 просмотров
schedule
18.07.2022
Почему не работает переход 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 просмотров
schedule
01.10.2022
Запуск кода после завершения анимации AngularJS
У меня есть элемент, видимость которого переключается с помощью ng-show . Я также использую анимацию CSS — автоматические из ng-animate — для этого элемента, чтобы оживить его запись.
Элемент будет содержать изображение или видео.
В случае,...
22365 просмотров
schedule
03.12.2022
Как переключаться между двумя сообщениями ngShow с помощью css или ngAnimate
Я создаю форму в angularjs, в которой есть два ngShow для сообщений об ошибках. Теперь я хочу объединить эти два сообщения, поместив их в одно и то же место. Но я не уверен, как его получить.
Вот ссылка на плункер:...
540 просмотров
schedule
22.10.2022