Angular 2: Form submission canceled because the form is not connected

Question

I have a modal that contains a form, when the modal is destroyed I get the following error in the console:

Form submission canceled because the form i

Answer 1

In the form element you need to define submit method (ngSubmit), something like:

and on the submit button you omit click method, because your form is now connected to the submit method: Save The button should be of submit type.

In the code behind component you implement "onSubmit" method, for example something like this: onSubmit(value: ICurrency) { ... } This method is receiving an value object with values from the form fields.