码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2020-01-22 01:26:40      阅读:111      评论:0      收藏:0      [点我收藏+]

标签:mamicode   之间   一个   要求   png   练习   isl   bsp   除了   

练习:demo19/

父:myheader.component.ts  

子:mymain.component.ts

父==》子

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

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

子==》父

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

 

父组件=》子组件

技术图片

技术图片

技术图片

 

 子组件=》父组件

技术图片

技术图片

技术图片

 技术图片

 技术图片

 技术图片

 

 

当myData:boolean=true时

技术图片

 

 当myData:boolean=false时

技术图片

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

标签:mamicode   之间   一个   要求   png   练习   isl   bsp   除了   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!