角度2/4でアニメーション状態にクラス名を付ける方法は？

Question

私はここで

は以下のコードであるバージョン4.1.3での角度のアニメーションを使用しています：

今

@Component({ 
    selector : 'my-fader', 
    animations: [ 
    trigger('visibilityChanged', [ 
     state('true' , style({ opacity: 1, transform: 'scale(1.0)' })), 
     state('false', style({ opacity: 0, transform: 'scale(0.0)' })), 
     transition('1 => 0', animate('300ms')), 
     transition('0 => 1', animate('900ms')) 
    ]) 
    ] 
... 

、代わりに私はクラスを使用して、すなわち、既存のクラス名をさせていただきたいと思い状態でスタイルのスタイルシートで定義されています（インラインスタイルではない）

これは可能ですか？もしそうなら、助けてください。

Answer 1

は、あなたはそれをCSSクラスを与えることはできませんが、これが可能だった場合、あなたが今まででき見つけるために、この

trueObject = { opacity: 1, transform: 'scale(1.0)' }; 
falseObject = { opacity: 0, transform: 'scale(0.0)' }; 
@Component({ 
    selector : 'my-fader', 
    animations: [ 
    trigger('visibilityChanged', [ 
     state('true' , style(trueObject)), 
     state('false', style(falseObject)), 
     transition('1 => 0', animate('300ms')), 
     transition('0 => 1', animate('900ms')) 
    ]) 
    ]