Angular中第二个按钮onClick()事件无法触发问题求助

看了你的代码，问题大概率出在原生按钮的事件绑定语法上！

在Angular里，原生HTML元素（比如<button>）的点击事件绑定得用(click)，而非(onClick)。你的第一个按钮是自定义组件<vh-button>，它内部应该封装了名为onClick的输出事件（也就是@Output() onClick = new EventEmitter()这类写法），所以绑定(onClick)能正常触发方法；但第二个是原生<button>，Angular根本识别不了(onClick)这个事件绑定，自然就无法调用navigateToHRA()了。

修复步骤 #

把第二个按钮的(onClick)改成标准的(click)即可：

<button (click)="navigateToHRA()" class="btn btn-primary">{{'LookUpButtonText'|translate}}</button>

额外验证点（如果改完仍无效果） #

• 检查组件类里的navigateToHRA()方法是否正确定义，有没有拼写错误
• 确认第二个按钮没被其他元素遮挡（比如父元素的层级、定位问题导致点击区域失效）
• 打开浏览器开发者工具的控制台，看看有没有相关报错信息

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