如何解决通过@output与孩子进行家长交流
我的Parent Component
中有一个表单,其中有一个用于输入新密码的隐藏输入和一个“编辑密码”按钮。
在Child Component
中,通过单击“编辑密码”按钮,将加载matdialog
,并输入输入新密码并保存。由于这是另一种形式,我应该将其传递给Parent Component
。
任何人都可以帮助这个孩子与父母沟通吗?
子组件
@Output() editedPassword = new EventEmitter<String>();
saveButtonClick(){
this.editedPassword.emit(this.myform.get('password').value);
}
如何将此值传递给父组件?
解决方法
尝试一下:
子组件
@Output() editedEvent = new EventEmitter<String>();
saveButtonClick(){
this.editedEvent.emit(this.myform.get('password').value);
}
父HTML
<child-app (editedEvent)="eventHandler($event)"></child-app>
父组件
public newPassword: string = '';
eventHandler($event) {
this.newPassword = $event;
}
您还可以看到完整的示例here。
此外,在Stackoverflow的此答案中,还提供了有关“角儿童与父母”交流的完整说明。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。