ngOnInitから角度2のアニメーションを適用する

Question

たとえば、アプリケーション/ウェブサイトがブラウザに読み込まれたら、ナビゲーションバーをブラウザの上から下にドロップしたいとしましょう。

特定のコンポーネントのアニメーションメタデータを通じてその動きを処理することは可能ですか？

今のところ、私が望むようにすることができますが、ボタンの（クリック）にアクションを添付する必要があります。

export class AppComponent implements OnInit { 
state: string = 'firstpos'; 

toggleStates() { 
    this.state = (this.state === 'firstpos' ? 'secondpos' : 'firstpos'); 
} 

ngOnInit() { 
    this.state = 'secondpos'; 
} 

} 

上記のように、ボタンをクリックすると、toggleStates（）が動作し、要素が移動します。ただし、ngOnInitは、ただちに要素を移動または遷移なしに2番目の位置に配置します。

ありがとうございました。

Answer 1

正確に何を、どのようにしたい不明であるが、あなたはソリューションの下に検討することができます回避策として、

ngOnInit() { 
    setTimeout(()=>{ 
    this.state = 'secondpos'; 
    },5000) 
} 

Answer 2

が

ngOnInit() { setTimeout(()=>this.state = 'secondpos'); }

をやってみ