угловая родительская анимация блокирует анимацию внутри дочернего компонента - PullRequest
Новая
       6

угловая родительская анимация блокирует анимацию внутри дочернего компонента

0 голосов
/ 19 декабря 2018

У меня есть дочерний компонент с анимацией

child.component.ts 

@Component({
  selector: 'child',
  animations:[
    // child animations
   ]
})
export class ChildComponent { ... }

child.component.hmtl.ts 

...
<div [@child]>
</div>
...

И родительский компонент, который также имеет анимацию

parent.component.ts 

@Component({
  selector: 'parent',
  animations:[
    // parent animations
   ]
})
export class ParentComponent { ... }

parent.component.hmtl.ts 

...
<div [@parent]>
  <child></child>
</div>
...

На этом примере Stackblitz вы можете видеть, что дочерний компонент внутри родительской анимации не воспроизводится вообще.

Мой вопрос теперь : Почему анимация внутри дочернего компонента вообще не воспроизводится и как я могу отложить запуск дочерней анимации после завершения родительской анимации?

EDIT : возможное решение было бы перенести все анимации в родительский компонент, но мне не нравится это решение, так как это создаст огромный файл анимации

...