对于我的新手问题，我很抱歉，我正在尝试使用 @Output EventEmitter 将事件从子组件发送到父组件。我无法在我的父组件中捕获该事件。
子组件
@Component({
selector: 'app-new-attachment',
templateUrl: './new-attachment.component.html',
styleUrls: ['./new-attachment.component.css']
})
class NewAttachmentComponent {
@Input('attachment') attachment: any;
@Output() doneEditingAttachment:EventEmitter<boolean> = new EventEmitter<boolean>();
submit() {
console.log('done editing child');
this.doneEditingAttachment.emit(true);
}
}
父组件
@Component({
selector: 'app-new-article',
templateUrl: './new-article.component.html',
styleUrls: ['./new-article.component.css']
})
class NewArticleComponent {
newAttachment: any = {};
doneEditingAttachment($event) {
console.log('done editing parent ', $event);
}
}
我希望有
done editing child
还有一个
done editing parent
但我只完成了对 child 的编辑
最佳答案
您实际上需要使用 (eventName) 符号绑定(bind)到子事件:
<app-new-attachment [attachment]="newAttachment" (doneEditingAttachment)="doneEditingAttachment($event)"></app-new-attachment>
关于javascript - 无法捕获从 Angular 4 中的子组件发出的事件，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/45569130/