.class :: afterの角度4.2+アニメーションのクエリ

Question

私はAngularアニメーションを使用するAngularプロジェクトに取り組んでいます。私は要素を対象にしたいと思います。 hr.star-light::afterここに私のコードです。

export const routerTransition = trigger('routerTransition', [ 
    transition('* <=> *', [ 
    ... 
    group([ 
     ... 
     query('hr.star-light::after', [ 
     style({ 
      opacity: 0, 
      transform: 'translateY(-20%)' 
     }), 
     animate(500, style({ 
      opacity: 1, 
      transform: 'translateY(0%)' 
     })) 
     ], { 
     optional: true 
     }) 
    ]) 
    ]), 
    ... 
]) 

要素をターゲットにして、シーンに入るときに要素にアニメーションを適用したいと考えています。ここではうまくいかないようです。

Answer 1

GitHubの未処理の機能要求であるため、擬似クラスは動作しないと思うのですが、それを確認するにはhereです。

あなたの最善の賭けは、任意の擬似クラスを使用してクエリ内の要素のターゲットを避けるために要素の周りにラッパーを追加することです。