Вопросы по теме 'angular-animations'
Angular 2 Потрясающая анимация
Angular 2 RC2 только что вышел, и мне интересно, поддерживает ли он уже поэтапную анимацию для *ngFor ? В документации по языку DSL упоминаются group и sequence , но нет ли какого-либо смещения?
Анимация в шахматном порядке не включена в RC2?
2624 просмотров
schedule
03.10.2023
Angular 2 запускает анимацию
Следуя этой документации здесь , я пытаюсь добавить анимацию в свои приложения. но у меня есть некоторые проблемы, чтобы понять триггер анимации.
HTML-компонент
<div class="navbar navbar-default navbar-fixed-top">
<ul class="nav...
6120 просмотров
schedule
07.08.2022
Анимация Angular2 не анимируется
У меня есть следующий компонент в Angular2.
@Component({
selector: 'nav-menu-item',
styleUrls: ['./menu-item.component.scss'],
animations: [
trigger('collapsedState', [
state('collapsed', style({
height: 0
})),...
283 просмотров
schedule
23.04.2024
Параметр в анимации Angular2
Я пытаюсь сделать простую анимацию, такую как простой jQuery ниже
animate({'left' : left_indent})
Я использую Angular2 Animations, но проблема в том, как передать параметр left_indent вне моего класса компонентов в триггер анимации?...
17695 просмотров
schedule
12.07.2023
Angular 4 анимация в высоту *
Меня озадачило то, что я, возможно, считаю ошибкой в модуле анимации в Angular 4. С анимацией в Angular 2.x я сделал анимацию, которая анимируется с высоты * на фиксированную высоту. Это отлично работало в Angular 2. С другой стороны, при...
8873 просмотров
schedule
31.01.2024
Вложенный маршрут немедленно исчезает вместо воспроизведения анимации :leave
У меня есть внешние маршруты: /posts и /about . Маршрут /posts имеет вложенные маршруты: / и /pages/:pageNumber .
При навигации между вложенными маршрутами ( / и /pages/:pageNumber ) анимации работают хорошо. Но при переходе на /about...
486 просмотров
schedule
03.01.2024
Динамическое изменение имени класса анимации входа/выхода
У меня есть ng-repeat, и я хочу изменить анимацию входа/выхода на основе переменной контроллера (vm). Я нашел это ( http://www.nganimate.org/ ), но это для angular 1.1.5 и Я использую 1,5. Как я могу это сделать? Спасибо!
251 просмотров
schedule
10.03.2023
Анимация Angular 2 вызывает перезагрузку страницы
У меня есть
<div class="style1" *ngIf="data" [@slideInLeft]="slideInLeft">
<form [formGroup]="form1" class="form" *ngIf="form1">
....
<button [disabled]="this.isUpdating === true" type="submit" class="btn btn-default"...
306 просмотров
schedule
31.12.2023
Параллельное выполнение нескольких анимаций запросов
У меня есть два маршрутизируемых компонента и их контейнер, для которого я установил триггер анимации @slide , в котором я запрашиваю каждый и соответствующим образом анимирую.
<div [@slide]="o.activatedRouteData.name">
<router-outlet...
3337 просмотров
schedule
02.03.2023
Ошеломляющая анимация только для новых элементов списка с использованием анимации Angular?
В angular вы можете поразить анимацию, как я делаю здесь, например:
<div
masonryLayout
[masonryOptions]="masonryOptions"
[input]="photos"
class="grid"
[@photosAnimation]="photos.length"
>
<img
*ngFor="let photo of...
676 просмотров
schedule
10.04.2023
Создание повторно используемой анимации с помощью компиляции AOT
Я пытаюсь создать многоразовую анимацию, но получаю следующую ошибку при компиляции моего приложения с angular- Кли :
Error encountered resolving symbol values statically. Calling function 'flyInOut', function calls are not supported. Consider...
173 просмотров
schedule
29.10.2022
Есть ли у angular какой-либо метод планирования мер и мутаций dom?
Я создал задачу Angular: https://github.com/angular/angular/issues/20471
Также начал предложение в gist: https://gist.github.com/matthewharwood/23ea18c8509b8056813d3c3e7df0d1b2
Эй, я возился с Angular/cdk , которая работает за пределами...
314 просмотров
schedule
15.12.2023
Угловая анимация не работает
Я пытаюсь запустить анимацию ввода для появления элементов на моей странице, которые зацикливаются через * ngFor. Я пытался использовать обратный вызов, чтобы выяснить, были ли когда-либо запущены эти анимации, и они были! Но ничего не показали....
273 просмотров
schedule
17.02.2023
Анимация вкладок углового материала прерывается при использовании routerLink
Я использую вкладки материалов angular в своем приложении angular 6. Если я использую вкладки материалов без привязки к routerLink, то анимация скольжения работает, и содержимое в розетке маршрутизатора работает. Однако, когда я привязываюсь к...
1393 просмотров
schedule
07.02.2023
Угловая анимация: отступы не анимированы с высотой 0 - ›*
Я написал анимацию ящика с помощью Angular. Выглядит так:
transition(':enter', [
style({height: '0', opacity: 0}),
group([
animate(300, style({height: '*'})),
animate('300ms ease-in-out', style({'opacity': '1'}))
])...
1428 просмотров
schedule
01.05.2022
Angular анимация перед маршрутизацией
В моем текущем проекте я пытаюсь избавиться от пропуска анимации Angular при маршрутизации. В моем шаблоне у меня есть разные «виджеты» с mat-card в макете css-сетки, которые я хочу, чтобы они появлялись и исчезали плавно.
Мои анимации в...
844 просмотров
schedule
01.03.2022
Построитель анимаций Angular вернул нулевые элементы, когда в запросе используется :enter
Я использую AnimationBuilder и AnimationPlayer для анимации дочерних элементов с помощью функции query
Однако он перестает работать, когда я использую :enter в запросе
private createAnimation(animation): AnimationFactory {
return...
1069 просмотров
schedule
17.04.2024
Как определить, когда рябь закончила анимацию в Angular 4+?
Итак, у меня есть список задач, каждая из которых имеет пульсацию, и когда вы нажимаете задачу, я хочу перенаправить страницу на новый URL-адрес, но я хочу, чтобы анимация пульсации завершилась до этого.
В Angular 4+ я не могу найти способ сделать...
419 просмотров
schedule
20.08.2023
Как работает передача двух функций style() при передаче в функцию query() для Angular Animations?
Будучи новичком в угловых анимациях, я несколько раз читал документацию по анимации angular.io, чтобы понять, как все это работает. Я думаю, что у меня есть приличное понимание, однако есть некоторые сценарии, которые документы не объясняют....
28 просмотров
schedule
05.06.2024
Начать угловую анимацию, когда активна вкладка мата
Я пытаюсь анимировать простой div внутри вкладки. Содержимое вкладки — это другой компонент.
Родительский компонент:
<div class="content p-24">
<mat-tab-group dynamicHeight="true">
<mat-tab label="Info">...
328 просмотров
schedule
19.05.2023