I have a situation where I need to stop a click on an a tag based on some async stuff. This is inside an Angular Js directive that is attached to a tags, but I don’t think it is relevant.

—-getting the elem
$elem.bind(‘click’, (event) => {
event.preventDefault();
event.stopImmediatePropagation();
-- do the async stuff
—- assume continue case
$elem.unbind(event) —- do not want this handler to execute again
$elem.click();
}

Now the other handlers attached to the element are executed, but the default behavior of navigating to the href is not happening. What have I done wrong or omitted?