Angular：Click绑定不适用于动态调用Click事件锚标记

Question

I got a problem with Angular(2+), I have a menu with anchor tag, we manually select menu item or through keyboard Enter we select the menu item.

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

Through Enter, dynamically calling the click event on anchor tag.

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

Expecting that menu has to select, but not selected. Other than anchor tag, on Enter menuitem is selected.

Sample Code : https://plnkr.co/edit/lZX86z7xIBdrvI9lNEFO?p=preview

Please help me.

Question :

1) Why Jquery click is not working on anchor tag along with angular bindings? 2) Why working for other tags (than anchor tag)?

Answer 1

its look like changing the 'click trigger' code to native js - it is strating to work

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

link