--打坐篇-学习的一些笔记-03--

--打坐篇-学习的一些笔记-03--

关于angular中父子组件传值的方法一

1.在parent.ts文件中定义获取子组件中数据的函数

handleData(dataFromChild){
      ...
}

2.在parent.html文件中如下代码：

<app-child [childHandleData]="handleData"></app-child>

3.在child.ts文件中如下代码：

@Input childHandleData;
//直接调用
this.childHandleData(childData);

传值思路：
将父组件中定义的方法，通过属性绑定，绑定给子组件。定义使用在父组件，调用在子组件。
（似乎父组件无法使用该值？）

关于angular中父子组件传值的方法二

1.在parent.ts文件中定义获取子组件中数据的函数

handleData(dataFromChild){
      ...
}

2.在parent.html文件中如下代码：

//子组件触发的是数据广播对象，一旦emitDataObj进行事件触发即调用父组件的handleData
<app-child (emitDataObj)="handleData($event)"></app-child>

3.在child.ts文件中如下代码：

import { ... Output, EventEmitter} from '@angular/core';
@Output emitDataObj;
//通过数据广播对象，将特定数据广播给父组件。可通过钩子函数、事件触发进行调用
this.emitDataObj.emit(childData)