Вопросы по теме 'angular-animations'
Анимация привязки Angular2 к псевдоэлементу
Я пытаюсь использовать систему анимации Angular2 для псевдоэлемента :before . В соответствии с потоком анимации мне нужно определить состояние анимации:
animations: [
trigger('heroState', [
state('inactive', style({
backgroundColor:...
890 просмотров
schedule
26.07.2022
Анимация с начальным/после состояния
Я пытаюсь разобраться, как сделать анимацию Angular с начальным состоянием. Я пытаюсь разработать анимацию слайдов вверх/вниз с помощью:
trigger(
'slideHeight',
[
state('closed', style({
display: 'none',...
4392 просмотров
schedule
25.06.2022
Angular 4 — анимация прокрутки
Я создаю веб-страницу с полной шириной/высотой div. При прокрутке вниз у меня есть два типа методов.
Прокрутка по клику
//HTML
<a (click)="goToDiv('about')"></a>
//JS
goToDiv(id) {
let element =...
36379 просмотров
schedule
21.08.2023
Анимации Angular 5 не работают в iOS 10.3 Safari
Я использую @angular/animations на своей странице. Он отлично работает в Chrome, Firefox, Safari (на рабочем столе), но элементы div с анимацией не видны в Safari (iOS).
Я импортировал web-animations-js в свой файл polyfills.ts ....
1615 просмотров
schedule
30.03.2023
Анимации Angular 5 в списке с задержкой
Я хочу добавить анимацию вращения в список изображений, но не могу этого сделать. Я могу сделать глобальный поворот, но я хотел бы компенсировать эти анимации с задержкой. Триггер list делает хорошую анимацию, но только при запуске. Список...
6940 просмотров
schedule
09.07.2022
Регистрация события клика и анимации в Angular 4
Когда я нажимаю на элемент списка аккордеонов, все элементы расширяются. Я хочу открыть только карту, заголовок которой был нажат.
ссылка на plnkr здесь
app.component.html
<div id="accordion" *ngIf="res">...
1585 просмотров
schedule
07.01.2023
Как привязать анимацию к дочерним элементам контента и подписаться на события анимации?
Я разрабатываю компонент Angular, который принимает внутренний контент и должен прикреплять анимацию к дочерним элементам контента ( например, дочерние элементы ).
Код использования выглядит так:
<flip-board [frontSide]="'side-2'">...
600 просмотров
schedule
29.08.2023
Частичная анимация в стиле аккордеона на Angular компоненте с различными шаблонами
Я делаю производственное приложение с макетом в виде карточек. Каждый фильтр (средства выбора даты и т. д.) и визуализаторы (таблица, диаграмма) заключены в компонент «Карточка». Есть даже два дочерних компонента, которые наследуются от этого...
884 просмотров
schedule
01.10.2022
Переключение между двумя формами с помощью модуля Angular Animate
Я хочу отобразить две формы. 1: Форма входа 2. Форма регистрации
В первый раз покажите форму входа, щелкнув «создать учетную запись», я хочу показать форму регистрации, а затем форму входа и наоборот. Я сделал это с помощью Jquery....
446 просмотров
schedule
23.07.2022
Применение угловой анимации к компоненту
У меня есть страница angular 6, которая содержит три угловых компонента как таковых:
<component1 [@componentState]="componentToShow === 0 ? 'active' : 'inactive'"></component1>
<component2 [@componentState]="componentToShow === 1 ?...
332 просмотров
schedule
24.04.2023
Анимации: свойство непрозрачности не применяется
Я сделал очень простую анимацию: при нажатии на div он должен сворачиваться/разворачиваться и отображать другой контент.
Я издевался над поведением здесь: https://stackblitz.com/edit/animations-opacity-issue?file=src/app/app.component.ts
Когда...
664 просмотров
schedule
20.07.2023
Анимация углового переворота
Я пытаюсь сделать флип-анимацию в Angular. Он должен переворачивать ось Y при щелчке, а затем переворачивать ось Y в обратном направлении при повторном щелчке. Кроме того, он должен иметь содержимое лицевой и оборотной стороны, которое отображается...
6523 просмотров
schedule
18.02.2023
Как использовать метод Angular animations sequence() для запуска анимации только после ее завершения?
У меня есть два элемента на странице, которые я хочу анимировать последовательно.
1. h1 tag
2. the background image
HTML-шаблон моего компонента выглядит так:
`<div class="container">
<h1 [@flyInOut]="isIn ? 'in' : 'out'"...
3536 просмотров
schedule
13.07.2022
@angular/router обернуть компонент маршрута в router-outlet для стилизации
У меня есть простое угловое приложение (8+) , использующее @angular/router с несколькими компонентами в качестве маршрутов, и каждый компонент использует @angular/animations для переходов.
Директива <router-outlet> является...
1315 просмотров
schedule
29.07.2022
как сделать так, чтобы div анимации Angular отображался при вводе мыши?
Я пытаюсь анимировать div, когда мышь входит в этот конкретный div, видимо, я не могу это сделать. Любые идеи, как это будет работать в моем контексте?
Это анимация внутри файла TS
animations: [
trigger('explainerAnim', [
transition('*...
537 просмотров
schedule
08.07.2022
Как реализовать анимацию Angular Route?
Я пытаюсь реализовать анимацию углового маршрута. Я следил за документацией, а также ссылался на это видео: https://www.youtube.com/watch?v=7JA90VI9fAI . Но у меня не работает анимация. Вот код:...
324 просмотров
schedule
03.08.2023
Как настроить ширину компонентов в Angular при использовании анимации?
Я пытаюсь использовать Angular Animations для перемещения панели навигации, и она работает отлично, но мне нужно автоматически настроить ширину других компонентов, когда панель навигации скрыта. Например, я хочу, чтобы другие мои компоненты занимали...
46 просмотров
schedule
14.07.2022
Угловой переход маршрута - скольжение влево или вправо в зависимости от текущего маршрута?
Я следовал этому руководству, чтобы добавить анимацию перехода маршрута, и, похоже, это работает, но я у меня есть более 3 маршрутов в моем приложении. Теперь, когда я перехожу на страницу с animation: 'isRight' , когда я в данный момент нахожусь...
1191 просмотров
schedule
11.10.2022
