通过ngOnInit应用Angular 2动画

时间:2016-10-26 15:30:06

标签: animation angular

假设我在浏览器中加载了应用/网站后,我希望导航栏从浏览器顶部下拉到位。

是否可以通过给定组件的动画元数据处理该移动?

现在,我可以让它做我想做的事,但我必须将动作附加到按钮的(点击)。

32.99
44.99
58.99

如上所示,单击按钮时,toggleStates()可以正常工作并且元素会移动。但是,ngOnInit只会立即将元素放在第二个位置而不进行任何移动或转换。

感谢。

2 个答案:

答案 0 :(得分:0)

究竟是什么以及如何想要的还不清楚,但作为一种解决方法,您可以考虑以下解决方案,

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

答案 1 :(得分:0)

尝试

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