Angular 2 prevent enter from submitting in template-driven form

Question

I have forms that uses the template-driven blueprint, so something like this:

  &         


        

Answer 1

This is what helped me:

• the button that has to act as submitting one should be type="button"
• that button should have (click)="onSubmit()" <- the method that will be called
• and you can remove i.e. (ngSubmit)="onSubmit()" from

I am not sure if there are side-effects of removing (ngSubmit) from the form. BTW: I observed that

have disabled custom validators.