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

①传值

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

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

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

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

②接收值

  在子组件中,接收数据

  import { Input } from '@angualr/core'

  @Input() myName:string = " ";

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

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

扫描二维码关注公众号,回复: 8740960 查看本文章

   

   

   

   

   

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

猜你喜欢

转载自www.cnblogs.com/shanlu0000/p/12219943.html
今日推荐