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

Какой хороший способ перемещать элементы в списке с помощью AngularJS и ng-animate?
Я хочу иметь возможность изменить порядок списка, прямо сейчас у меня есть кнопки для каждого элемента, чтобы перемещать их вверх и вниз по списку. Я хочу использовать ng-animate , чтобы элементы двигались плавно, но я могу найти только анимацию...
3565 просмотров
schedule 06.12.2022

AngularJS 1.2 – ngAnimate не работает
Я новичок в использовании ng-animate с AngularJS 1.2. Я не уверен, почему мой ng-animate не работает с определенным именем класса, но работает со значением по умолчанию для простого затухания, которое я видел в примере. В этом примере я пытаюсь...
35863 просмотров

скольжение между переходами маршрута angularjs
Я работаю с Angular всего около недели, поэтому прошу прощения, если мой код дерьмовый. Я пытаюсь создать скользящее действие между переходами маршрута. Я могу создать эффект в слайд-шоу, но не между переходами маршрута. В любом случае код...
31080 просмотров
schedule 28.07.2023

ngAnimate, обратный вызов addClass не запускается после окончания анимации
Я не понимаю, почему обратный вызов вызывается сразу, без каких-либо задержек, я читал документ, в котором говорится, что он анализирует css для получения продолжительности перехода. но это не работает, вот мой код: это моя директива слайда:...
378 просмотров
schedule 07.03.2023

Введите анимацию, которая не воспроизводится в Angular
Мне интересно, как я могу анимировать элемент при запуске углового приложения. Действительно, я вижу (может быть, я что-то не так делаю), что модуль анимации не вызывает событие "вход" в первый раз, а после все идет нормально. Как я могу...
2078 просмотров

Анимация ng-repeat ng-move в angular 1.2.x
У меня возникли трудности с получением анимации css для движения в угловом списке ng-repeat . У меня есть планкер здесь: http://plnkr.co/edit/KIcTiJ?p=preview Как видите, анимация ng-enter обрабатывается при первой загрузке плункера. Однако...
1956 просмотров
schedule 13.11.2022

Анимируйте новые элементы в AngularJS
Я использую AngularJS и пытаюсь анимировать ввод новых элементов в свой массив: <div ng-repeat="obj in objects"> {{ obj.name }} </div> Но есть проблема с тем, как я обновляю свой массив: я делаю это с http.get и я не добавляю...
2327 просмотров
schedule 17.10.2023

ng-show с ng-animate работает неправильно
Я не вижу свою ошибку в следующем фрагменте. Цель состоит в том, чтобы элементы div появлялись и исчезали, тогда как мой результат заключается в том, что они мгновенно скрываются/показываются. Может ли кто-нибудь быть столь любезным, чтобы указать...
10210 просмотров
schedule 27.03.2023

Правильно анимируйте скрытие/отображение элемента с помощью Angular и animate.css.
У меня есть базовый планкер, который показывает проблему: http://plnkr.co/edit/L3rhEIdrnTucG0M7yGhO?p=preview . Когда вы нажимаете на кнопку, первый элемент отображается/скрывается с подпрыгивающей анимацией. Это прекрасно работает, но проблема в...
503 просмотров
schedule 06.06.2023

Ng-animate не добавляет классы ng-enter и ng-leave
Это мой первый проект, работающий с Angular, и у меня есть некоторые проблемы с ng-animate. Я сделал пару уроков, и в учебниках у меня все работает нормально. Теперь я использую Angular для проекта, и я просто не могу заставить ng-animate работать...
19002 просмотров

остановить анимацию в angularjs при фильтрации ng-repeat
У меня есть угловое веб-приложение, когда загружается список «Заметок» в массив области видимости с именем notes . Этот список фильтруется внутри ng-repeat следующим образом: <div class="noteClass" ng-repeat="n in notes | propertyFilter:...
2059 просмотров
schedule 08.03.2024

CSS-анимация ngAnimate не работает с ng-show и ng-hide
ДЕМО: http://plnkr.co/edit/cPDUWO?p=preview У меня есть 2 отмеченных флажка и 2 виджета, отображаемые на странице. При установке флажков ng-show и ng-hide будут использоваться для скрытия и отображения соответствующего виджета. Теперь я...
2725 просмотров

Как создать «удержание» для подтверждения ›› кнопка
Как можно удерживать кнопку подтверждения, аналогичную той, которую использует designmodo ? У меня есть рабочая версия, использующая jQuery , но я не знаю, как включить это в Angular. Возможно ли это с ngAnimate? jsfiddle css: path {...
466 просмотров
schedule 17.04.2023

Angular ngAnimate выдает ошибку
Я пытаюсь сделать анимацию с помощью ngAnimate, но я даже не могу начать с этого. Проблема в том, что когда я пытаюсь добавить свою зависимость ngAnimate в файл приложения, она выдает мне эту ошибку в консоли, и мое приложение не работает....
5125 просмотров
schedule 21.06.2022

Angular ng-animate 1.3.* Причины неожиданного поведения внутренней директивы ng-class
Я занимаюсь переходом с версии 1.2.* на 1.3.* и столкнулся с очень странной и критической ошибкой. В моем приложении очень простое directive содержит template с ng-class (с условием для свойства области действия), по какой-то причине оно не...
529 просмотров

Пример ngDocs с использованием ngAnimate
Я создаю документацию по API, используя grunt-ngDocs . У меня возникают проблемы с использованием примеров, содержащих анимацию с использованием ngAnimate. Я включил angular-animate script в параметр scripts (как того требует ngdocs), и я вижу...
1281 просмотров
schedule 23.05.2022

Angular 1.2.x переход ng-hide и ng-show css
Я читал различные документы и сайты с инструкциями по этому вопросу, но независимо от того, что я делаю, я не могу показать div, чтобы показать переход css. <div class="row reveal-animation" ng-show="partneradd.showEntitlements"> <div...
1389 просмотров
schedule 20.03.2023

Ng-Animate не работает с Chrome
У меня есть некоторые проблемы совместимости между Chrome и Firefox. Я использую ng-view для создания анимации (с помощью ng-ng-enter и leave). Вот пример с плунжером: http://plnkr.co/edit/Vo2cJ72DO0a5aSCipkvg?p=preview style.css...
925 просмотров
schedule 16.04.2024

Как изменить анимацию при изменении значения angularjs
Мне нужно поместить анимацию при изменении значения в приложении angularjs. В принципе, я хочу выдвинуть влево старое значение, а новое значение должно отображаться со слайдом влево. <div class="previous"...
70 просмотров

Angular ng-repeat анимировать один раз
Я использую ngAnimate для анимации записей в ng-repeat . При загрузке данных все элементы анимируются, как я определил в моем CSS: .chat-message.notice.ng-enter { -webkit-animation: rubberBand 1s; -moz-animation: rubberBand 1s;...
648 просмотров
schedule 05.03.2022