Angular：单击绑定不适用于动态调用单击事件锚标记答案

【问题标题】：Angular : Click Binding is not Working on Dynamic Invoking Click Event anchor TagAngular：单击绑定不适用于动态调用单击事件锚标记
【发布时间】：2018-01-30 13:27:00
【问题描述】：

我遇到了 Angular(2+) 的问题，我有一个带有锚标记的菜单，我们手动选择菜单项或通过键盘 Enter 选择菜单项。

<a (click) = 'selectItem(item)' id='menuItem1'>Menu item</a>

通过回车，动态调用锚标签上的点击事件。

$('#menuItem1').click();

期望该菜单必须选择，但未选择。除了锚标记，在 Enter 上选择 menuitem。

示例代码： https://plnkr.co/edit/lZX86z7xIBdrvI9lNEFO?p=preview

请帮帮我。

问题：

1) 为什么 Jquery click 不适用于锚标记和角度绑定？ 2）为什么要为其他标签（而不是锚标签）工作？

【问题讨论】：

阅读 Angular 生命周期钩子。
它与钩子无关，角度注册点击如何绑定到元素？这可能会回答我的问题。
为什么您的 plunker 与您的代码不同？
how angular register click binding to elements你需要考虑一下jquery是如何执行click方法的
jsfiddle.net/yx82Lxfy

标签： angular data-binding click

【解决方案1】：

它看起来像是将“点击触发器”代码更改为原生 js - 它正在发挥作用

document.querySelector("#anchorTag").click();

link

【讨论】：

这行得通，但我的问题是为什么 jquery click 事件不起作用？角度如何实现点击绑定？它正在使用其他标签而不是锚标签？