Angular 2 (keydown.enter) can not preventDefault()

Question

the event.preventDefault() doesn't work when I use (keydown.enter) in template.
This is demo: https://plnkr.co/edit/GZrVt7l6BEO2uHfWFoTQ?p=preview Please help me.

Answer 1

So just to leave a proper answer here, the correct action to use in this case is event.stopPropagation() rather than event.preventDefault().

event.preventDefault() JSFiddle Example

event.stopPropagation() JSFiddle Example

Both examples contain a small explanation for whats happening with both.