文章/答案/技术大牛

发布

社区首页 >问答首页 >通过ngOnInit应用Angular 2动画

问通过ngOnInit应用Angular 2动画
EN

Stack Overflow用户

提问于 2016-10-26 23:30:06

回答 2查看 483关注 0票数 1

假设我想要一个导航栏，一旦应用程序/网站加载到浏览器中，导航栏就会从浏览器顶部下拉到适当的位置。

可以在给定组件的动画元数据中处理这种移动吗？

现在，我可以让它做我想做的事情，但我必须将操作附加到(单击)一个按钮上。

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

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

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

}

如上所示，当单击一个按钮时，toggleStates()起作用，元素也会移动。但是，ngOnInit只会立即将元素放在第二个位置，而不会进行任何移动或过渡。

谢谢。

animation

angular

回答 2

Stack Overflow用户

发布于 2016-10-27 00:23:19

您到底想要什么以及如何使用尚不清楚，但作为一种变通方法，您可以考虑以下解决方案，

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

票数 0

Stack Overflow用户

发布于 2017-08-03 10:20:37

试着做

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

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/40266363

复制

相似问题

问通过ngOnInit应用Angular 2动画
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问通过ngOnInit应用Angular 2动画EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问通过ngOnInit应用Angular 2动画
EN