2018-08-30

Angular4加载顺序

今天遇到了一个比较关于angular4加载组件顺序的坑,当我在app.component.ts文件里引入了自己的一个angular服务的时候,在执行ngOnInit的时候,我发送了一个自己定义的事件给项目里的其他组件,但是对应的组件在订阅我的事件的时候却没有接收到。我又在页面内加了一个a标签,并且加上click事件,发现在事件的回调函数里发送事件的时候,其他组件就能接收到了,这是因为angular4的组件是有加载顺序的,都是先加载app.component这个组件,再加载其他组件,所以再app.component.ts初始化完成加载完成的时候,事件发出了,对应的接收组件还没有加载完毕,所以接收不到对应发出的事件。在询问了大神之后发现除了ngOnInit这个声明周期函数,还有一个ngAfterViewInit生命周期函数,是在初始化完组件视图及其子视图之后调用。因此在这个函数内发出事件就可以让其他组件接收到事件了

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 如何清除浮动,有哪几种方法,区别是什么 1、移动端你遇到过什么兼容问题? 1、如果在input设置边框颜色在ios...
    崽崽不哭阅读 4,149评论 0 1
  • 转载自VR设计云课堂[https://www.jianshu.com/u/c7ffdc4b379e]Unity S...
    水月凡阅读 4,736评论 0 0
  • 阿言从九岁起就学会包饺子了。 有一天放学回家,她一推门就看到屋里一地的碎玻璃,茶几翻了,衣柜门大开,衣服乱七八糟地...
    凉粉小刀阅读 5,410评论 55 49
  • 今日解析 《疯传》中的“诱因” 1.WHAT 什么是诱因?社交货币的五大理论让人愿意分享,而诱因的作用是使人愿意持...
    马克图布了阅读 4,681评论 0 0
  • 骑行的人要是发起疯来,什么都做得出来。一连骑几百公里,一连骑几十天,骑遍各种地形,甚至租辆放得下单车的面包车环游世...
    喝喝水跳跳舞阅读 1,895评论 0 1

友情链接更多精彩内容