Event handler return value

[pauldraper]

The following link in HTML works

<a href="https://example.com" onclick="menuVisible = false">

However, the following link in an Angular template does not.

<a href="https://example.com" (click)="menuVisible = false">

Angular uses the last statement in the handler as the return value.

This behavior is undocumented, inconsistent with HTML, surprising, and I suspect usually unintentional. I would consider it a bug.

--

If you want to prevent default browser behavior, it should be

<a href="https://example.com" onclick="return menuVisible = false">

<a href="https://example.com" (click)="return menuVisible = false">

[mhevery]

The return statement is implied in all angular statements. So this is intentional, since we are not planning on adding return statement to our vocabulary.

[pauldraper]

I still disagree that it is the wrong thing to behave so much differently than vanilla HTML. FWIW, angular-dart gave up this feature angulardart/angular#387

But at least this behavior should be documented?

[angular-automatic-lock-bot]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}