где-то еще или в шаблоне вы можете переключать состояние.
аюсь оживить свою страницу, но у меня возникает следующая проблема:
У меня есть раздел содержимого на моей странице и кнопка, которая открывает другой раздел над содержимым. Я бы хотел, чтобы этот div постепенно исчезал и скользил, а внизу div тоже мог скользить вниз / вверх. Я создал нужную анимацию для div выше, который открывается по клику, но не понимаю, что делать с div содержимого, пример кода ниже:
<div class="wrapper">
<button (click)="animated = !animated"></button>
<div *ngIf="animated" [@slideInOutAnimation] class="animated-div">
THIS DIV IS ANIMATED</div>
<div class="content">THIS IS CONTENT DIV</div>
</div>
TYPESCRIPT:
animations: [
trigger('slideInOutAnimation', [
state('*', style({
})),
transition(':enter', [
style({
transform: 'translateY(-10%)',
opacity: 0
}),
animate('.5s ease-in-out', style({
transform: 'translateY(0)',
opacity: 1
}))
]),
transition(':leave', [
animate('.5s ease-in-out', style({
transform: 'translateY(-10%)',
opacity: 0
}))
])
])
]
Должен ли я создать какой-то другой триггер, который переместит мой контент div с анимированным?