Angular自定义事件绑定失效：子组件向父组件传值失败排查

问题核心是事件绑定名称不匹配：

• 子组件中定义的@Output事件名为addedUserName，但父组件模板里监听的却是onSubmit，两者名称完全不对应，导致父组件的onUserAdded函数无法触发。

修正步骤 #

将父组件模板中的事件绑定改为与子组件@Output一致的名称：

<app-user-handle (addedUserName)="onUserAdded($event)"></app-user-handle>

修正后，子组件通过this.addedUserName.emit(...)触发事件时，父组件的onUserAdded函数就能正常接收传递的参数了。

额外注意 #

Angular的@Output事件绑定严格匹配名称，大小写也需保持一致——子组件里的addedUserName是驼峰命名，父组件绑定必须完全对应，不能随意修改大小写或名称。

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