Применение анимации Angular 2 через ngOnInit

Question

Предположим, я хотел, чтобы панель навигации выпадала из верхней части браузера на место, как только приложение/сайт был загружен в браузере.

Можно ли обрабатывать это движение через метаданные анимации данного компонента?

Прямо сейчас, я могу заставить его делать то, что я хочу, но я должен приложить действие к (щелчку) кнопки.

Как показано выше, при нажатии кнопки toggleStates() работает, и элемент перемещается. Однако ngOnInit сразу же помещает элемент во вторую позицию без какого-либо движения или перехода.

Спасибо.

Answer 1

Что именно и как вы хотите, неясно, но в качестве обходного пути вы можете рассмотреть ниже решения,

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

Answer 2

Попробуйте сделать

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