美文网首页
2018-08-30

2018-08-30

作者: 奔跑的超级西红柿 | 来源:发表于2018-08-30 18:07 被阅读0次

Angular4加载顺序

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

相关文章

  • 2018-09-01

    2018-08-30 明小萌 2018-08-30 22:02 · 字数 223 · 阅读 2 · 日记本 201...

  • 2018-09-05

    2018-08-30 c6_李晓红Dorothy 2018-08-30 07:44 · 字数 320 · 阅读 1...

  • hexo博客同时托管到github和coding

    title: 将hexo博客同时托管到github和codingdate: 2018-08-30 00:12:11...

  • 420期六项精进-日精进打卡

    420期六项精进-日精进打卡 雷PetTing 2018-08-30 22:44 · 字数 570 · 阅读 2 ...

  • 2018-08-31

    2018-08-31 万千工品金秀 2018-08-30 21:31 · 字数 542 · 阅读 2 · 日记本 ...

  • 2018-08-30

    2018-08-30 万千工品金秀 2018-08-29 21:16 · 字数 464 · 阅读 2 · 日记本 ...

  • 懂你 L4-U1-3-Vocabulary-Dental Pro

    流利说 D64 2018-08-30 一、复习 Level4-Unit1-Part3*Learning- List...

  • 所谓浪漫

    所谓浪漫 煎蛋品 2018-08-30 23:12 · 字数 355 · 阅读 0 · 失眠 几乎六年没见的小学同...

  • java.lang.IllegalStateException:

    2018-08-30 遇到的一点小问题将项目的targetSdkVersion升级为27,遇到了java.lang...

  • 日精打卡60

    日精打卡60 淡然笑_ce8e 2018-08-30 19:34 · 字数 336 · 阅读 1 · 日记本 淡然...

网友评论

      本文标题:2018-08-30

      本文链接:https://www.haomeiwen.com/subject/fbudwftx.html