angular2父子组件的数据传递,子组件向父组件抛出数据
来源:互联网 发布:cx域名不值钱吗 编辑:程序博客网 时间:2024/06/07 16:30
子组件--->父组件
<my-component (outputvalue)="onOutput($event)" ></my-component>
这是从子组件里面把数据传递给父组件中,因为在子组件中使用emit方法扔出一个事件流,该事件流中包含了传递出来的数据;
在子组件中需要这样使用:
@Output() outputvalue = new EventEmitter<any>;
this.outputvalue.emit(valueWantOut);
然后我们在父组件的事件流中就可以取到valueWantOut的数据了,父组件这样做:
onOutput(value: any) {
this.valueWeGet = value;
}
这样我们在父组件里面使用valueWeGet 得到的数据就是子组件抛出来的数据valueWantOut;
阅读全文
0 0
- angular2父子组件的数据传递,子组件向父组件抛出数据
- angular2父子组件的数据传递,父组件向子组件传递数据
- Angular2父子组件之间数据传递:@ViewChild获取子组件
- angular2中父子组件的数据传递
- angular2.0父子组件通信---如何通过组件属性将数据传递给子组件
- Angular2父子组件之间数据传递:局部变量获取子组件
- Vue之父组件向子组件传递数据
- vue父组件向子组件传递多个数据
- 父组件向子组件传递数据(vue.js)
- vue 子组件向父组件传递数据
- Angular2父子组件之间数据传递:@Input和@Output (上)
- Angular2父子组件之间数据传递:@Input和@Output (下)
- angular2 父子组件数据传递之@Input和@Output详解
- Angular2父子组件之间数据传递:父子组件共享服务通信
- Angular2父子组件之间数据传递:父子组件共享服务通信
- React 的数据流动(反向由子组件向父组件传递数据)
- vue父子组件的数据传递
- 非父子组件的数据传递
- Lake Counting(POJ NO.2386)
- 1841: 小费
- IDA逆向常用宏定义
- Linux安装方法
- 49 C语言程序的暂停
- angular2父子组件的数据传递,子组件向父组件抛出数据
- 多线程-线程控制之休眠线程
- Android学习笔记ContentProvider
- 买啤酒
- [HDU]2255-奔小康赚大钱
- 26. Remove Duplicates from Sorted Array
- 关于Win10创意者更新之后蓝屏的修复办法
- 解决Gradle DSL method not found: 'compile()'错误的方法
- struts2