Angular子组件触发的函数事件无法传递到父组件求助

1. 组件引用关系错误 #

你的模板代码搞反了组件引用逻辑：父组件的模板应当引入子组件（detail-component），而非父组件自己嵌套自己。正确的父组件模板代码应为：

<detail-component (settingEvent)="setting($event)"></detail-component>

另外你写错了闭合标签，将</parent-component>误写为</parent-components>（多了一个s），需同步修正。

2. 子组件缺失必要导入 #

子组件中使用了@Output和EventEmitter，但未从@angular/core导入这两个依赖，会导致事件发射器无法正常初始化。需修改子组件的导入语句：

import { Component, OnInit, Output, EventEmitter } from '@angular/core';

3. 额外验证点 #

• 确认AbstractFormComponent已正确导入到子组件中，否则会导致组件无法正常实例化；
• 检查onPageChangeEvent方法是否确实被触发（可在方法内添加console.log验证），若该方法未执行，事件自然无法被发射。

修复以上问题后，父组件的setting函数即可正常接收子组件传递的事件。

内容的提问来源于stack exchange，提问作者user20256558