美文网首页
angular4 子组件向父组件通信

angular4 子组件向父组件通信

作者: 云小诺 | 来源:发表于2018-09-11 13:47 被阅读0次

之前我写过 父组件向子组件通信 :
《angular4 父组件向子组件通信传值》https://www.jianshu.com/p/b833163c89d8

这次来写下 子组件向父组件通信:

【子组件】:

1.引入
import { Output, EventEmitter } from '@angular/core';

2.声明
@Output() childParam = new EventEmitter();

3.使用
this.childParam.emit('我是要传送的数据');

【父组件】:

1.引入(在父组件的module.ts中引入)
import { ChildModule } from '../../child/child.module';
imports:[
  ChildModule
]

2.使用
<upload (childParam)="getData($event)"></upload>

getData(msg: string) {
    console.log("子组件传过来的数据",msg)
}

注意事项:
记得在父组件的module.ts引入

相关文章

  • angular4 子组件向父组件通信

    之前我写过 父组件向子组件通信 :《angular4 父组件向子组件通信传值》https://www.jiansh...

  • ReactNative组件间的通信

    父组件向子组件通信 父组件向子组件传值 父组件向子组件传递方法 子组件向父组件通信 子组件向父组件传值 子组件向父...

  • Angular5 父子组件之间的通信

    一、父组件向子组件通信 父组件: 子组件: 二、子组件向父组件通信 父组件: 子组件:

  • Vue中父子组件通信

    父组件向子组件通信 Pass Props 子组件向父组件通信 Emit Events

  • React的组件通信

    组件之间进行通信的情况: 父组件向子组件通信 子组件向父组件通信 兄弟组件之间通信 发布者-订阅者模式 一、父组件...

  • react之组件通信

    需要组件之进行通信的几种情况: 父组件向子组件通信 子组件向父组件通信 跨级组件通信 没有嵌套关系组件之间的通信 ...

  • React组件通信的几种方式

    需要组件之进行通信的几种情况 父组件向子组件通信 子组件向父组件通信 跨级组件通信 没有嵌套关系组件之间的通信 1...

  • React中组件通信的几种方式

    需要组件之进行通信的几种情况 父组件向子组件通信 子组件向父组件通信 跨级组件通信 没有嵌套关系组件之间的通信 1...

  • React中组件通信

    需要组件之进行通信的几种情况 父组件向子组件通信 子组件向父组件通信 跨级组件通信 没有嵌套关系组件之间的通信 1...

  • uniapp 父组件与 renderjs 子组件通信

    父组件向子组件通信 使用 prop 传递数据,子组件监听数据变化 子组件向子组件通信 父组件创建回调函数,子组件特...

网友评论

      本文标题:angular4 子组件向父组件通信

      本文链接:https://www.haomeiwen.com/subject/wzaygftx.html