Как оживить ребенка внутри другого ребенка с Angular?

Question

Изображение шаблона

<div @parentAnimation>
  <button @childAnimation>
    <span @grandChildAnimation></span> 
 </button>
</div>

Я знаю, что мне нужно было бы использовать query () в триггере родителя, чтобы получить @childAnimation, затем запустить animateChild (), но как мне запустить анимацию @grandChildAnimation?