• Angular学习:组件通信


    一、父组件给子组件传值@input

      父组件不仅可以给子组件传递简单的数据,还可以把自己的方法及整个父组件传给子组件。

      (1).父组件调用子组件的时候传入数据

      

      

      (2).子组件引入Input模块

      

      (3).子组件中@Input接收父组件传过来的数据

      

      如果要将整个父组件传给子组件,可以把this传过去

      

      如果父组件有haha属性,可以在子组件里直接使用this.home.haha获取数据

        

    二、父组件通过@ViewChild()主动获取子组件的数据和方法

      (1).父组件调用子组件,子组件设置模板引用变量

      

      (2).父组件引入ViewChild模块,通过@ViewChild("footer",{static:true}) footer:any;获取子组件,此时footer就是子组件,通过this.footer.run()就可以调用子组件的run()方法。

      

    三、子组件通过@Output触发父组件的方法及广播数据

      (1).子组件引入Output、EventEmitter模块

      

      

      $event就是"我是子组件的数据"

      

      

    四、非父子组件传值

     1.service

     2.Rxjs

     通过service通信

      (1).创建服务

      

      

       (2).header组件,设置要传给footer组件的数据

      

      (3).footer组件,获取header组件传递的数据

      

  • 相关阅读:
    SDL_mixer 播放wav
    SDL_mixer 播放mp3
    [转]音频基础知识及编码原理
    [转]QT父子与QT对象delete
    [转]QT中嵌入SDL
    [转]PCM文件格式
    [转]ffmpeg库音频解码示例
    C# 向PivotItem中添加子控件
    初识 Windows Phone 7
    C#语言使用Windows phone 中的数据数据绑定
  • 原文地址:https://www.cnblogs.com/crackedlove/p/11555407.html
Copyright © 2020-2023  润新知