首页 > 其他 > 详细

21组件之间的通信(父组件 通过属性传值 与子组件进行通信)

时间:2020-01-21 01:05:35      阅读:98      评论:0      收藏:0      [点我收藏+]

①传值

  在父组件中,调用子组件的时候,给指定属性去传值   

  <son myName="张三"></son>  

  若是将sonName变量中的值,绑定给 son 组件的 myName 属性,

  <son [myName]="sonName"></son>

②接收值

  在子组件中,接收数据

  import { Input } from ‘@angualr/core‘

  @Input() myName:string = " ";

    此外,可以改输入属性 myFailyName起个别名,如myLastName

    @Input (‘myFailyName‘)  myLastName:string=" "  但是,并不建议起别名

   技术分享图片

 

 

   技术分享图片

 

 

   技术分享图片

   技术分享图片

   技术分享图片

 

 

 

进阶,让父组件传递一个变量给子组件

技术分享图片

 

 

技术分享图片

 

 

技术分享图片

21组件之间的通信(父组件 通过属性传值 与子组件进行通信)

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

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