从子到父的角度传递数据

发布时间：2020-12-17 10:23:53 所属栏目：安全来源：网络整理

导读：我正在学习/研究Angular项目,我已经做了很多,我尝试以“正确的方式”做事,所以现在我想做的是：我想从子组件到父组件获取变量(输出),但我不想使用输出,我不想听它,我想在父母需要它的时候得到它,就像孩子一样. getVariable()我遇到过一个帖子,说我应该使用c

我正在学习/研究Angular项目,我已经做了很多,我尝试以“正确的方式”做事,所以现在我想做的是：

我想从子组件到父组件获取变量(输出),但我不想使用输出,我不想听它,我想在父母需要它的时候得到它,就像孩子一样. getVariable()我遇到过一个帖子,说我应该使用childview,但问题与我的不一样,所以我想知道使用childview从子组件获取数据是一个好习惯吗？

在@mutput中注册子组件中的EventEmitter：

@Output() onDatePicked: EventEmitter<any> = new EventEmitter<any>();
Emit value on click:

public pickDate(date: any): void {
    this.onDatePicked.emit(date);
}

侦听父组件模板中的事件：

<div>
    <calendar (onDatePicked)="doSomething($event)"></calendar>
</div>

并在父组件中：

public doSomething(date: any):void {
    console.log('Picked date: ',date);
}

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!