首页 > 其他 > 详细

23组件之间的通信(练习)

时间:2020-01-22 01:14:16      阅读:151      评论:0      收藏:0      [点我收藏+]

练习:demo19/

父:myheader.component.ts  

子:mymain.component.ts

父==》子

  在调用组件时,把main页面中定义的版本号 version = "1.0" 传递给子组件

  要求子组件接收,并显示在 myheader

子==》父

  在子组件初始化完成之后(ngOnInit),将 isLogin = true ,传递给父组件(父组件中除了子组件之后,还有一个列表,如果子组件中的 isLogin 是 true ,就显示列表,否则就不显示)

 

父组件=》子组件

技术分享图片

技术分享图片

技术分享图片

 

 子组件=》父组件

技术分享图片

技术分享图片

技术分享图片

 技术分享图片

 技术分享图片

 技术分享图片

 

 

当myData:boolean=true时

技术分享图片

 

 当myData:boolean=false时

技术分享图片

23组件之间的通信(练习)

原文:https://www.cnblogs.com/shanlu0000/p/12227386.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!