No data submitted ionic 2 forms

Ionic Framework ionic-v3
1

I have this template, say cat.html

   <form #formData='ngForm' (ngSubmit)="onSubmit(formData.value)">
        <ion-item>
            <ion-label floating>Name of Category</ion-label>
            <ion-input type="text" ngControl="name"></ion-input>
        </ion-item>
        <button block>
            <ion-icon name="add"></ion-icon>Add</button>
    </form>

and this, say cat.js

  // imported FORM_DIRECTIVES and referenced it in @Page

  onSubmit(formData) {
    console.log('Form submission is ' + formData);
  }

when submitted, I get this in browser console:
Form submission is [object Object]

2

There is nothing wrong?

console.log('Form submission is ' + formData);

With + you transform the formData to a string. Try

console.log('Form submission is ', formData);

instead.

And please use double quotes in html-markup

<form #formData='ngForm' ...>
1 Like