23组件之间的通信练习

练习:demo19/

父:myheader.component.ts  

子:mymain.component.ts

父==》子

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

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

子==》父

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

 

父组件=》子组件

23组件之间的通信练习

 

23组件之间的通信练习

 

23组件之间的通信练习

 

 子组件=》父组件

 

23组件之间的通信练习

23组件之间的通信练习

 

23组件之间的通信练习

 

 23组件之间的通信练习

 

 23组件之间的通信练习

 

 23组件之间的通信练习

 

 

当myData:boolean=true时

23组件之间的通信练习

 

 当myData:boolean=false时

23组件之间的通信练习

上一篇:leetcode刷题笔记


下一篇:【无标题】