Я постараюсь быть коротким. По какой-то причине моя анимация работает нормально с атрибутом стиля width/opacity, но не работает с атрибутом height....
анимация -
trigger('Grow', [
transition(':enter', [ // :enter is alias to 'void => *'
style({height:'0'}),
animate(500, style({height:'*'}))
]),
transition(':leave', [ // :leave is alias to '* => void'
animate(500, style({height:0}))
])
])
Изменение 'height' на width/opacity и анимация работают отлично... кто-нибудь знает, где проблема? не мог найти относительный ответ нигде.
пример того, чего я пытаюсь достичь, это как анимация в udemy, при нажатии на раздел высота div расширяет отображение всех видео - https://www.udemy.com/meteor-react/
Спасибо за прочтение.
Обновление - все еще не работает...
может быть, это то, что я оживляю?
<div class="animate" *ngIf="show" [@animate]>
<div *ngFor="let video of section"><a>hi</a></div>
</div>
что происходит, когда я нажимаю, div.animate показывает (по ngif) и заполняется множеством строк с надписью "привет". Я хочу, чтобы на div.animate показывали анимацию, которую я указал.
Помогите! ^^