title: Ionic Reactive Form - Changes the url when submitting
body: <p>so basically, i created a form to submit a new client, but after clicking on the submit button, it just changes the url to the inputs and it does not log my inputs in the console? Is there a major problem i make?</p>
  <p>This is my form in the create-client.component.html:</p>
  <pre><code>&lt;form [formGroup]=&quot;createClientForm&quot; (ngSubmit)=&quot;submitForm()&quot; novalidate&gt;
    &lt;ion-card&gt;
      &lt;ion-label color=&quot;primary&quot;&gt;Firmenname&lt;/ion-label&gt;
      &lt;ion-input formControlName=&quot;companyName&quot; placeholder=&quot;Firmenname&quot; class=&quot;primary-input&quot; required&gt;&lt;/ion-input&gt;
    &lt;/ion-card&gt;
    &lt;ion-card&gt;
      &lt;ion-label color=&quot;primary&quot;&gt;Anschrift&lt;/ion-label&gt;
      &lt;ion-input formControlName=&quot;streetAndNr&quot; placeholder=&quot;Straße und Nr.&quot; class=&quot;primary-input&quot; required&gt;&lt;/ion-input&gt;
      &lt;ion-input formControlName=&quot;location&quot; placeholder=&quot;Ort&quot; class=&quot;primary-input&quot; required&gt;&lt;/ion-input&gt;
      &lt;ion-input formControlName=&quot;plz&quot; placeholder=&quot;PLZ&quot; class=&quot;primary-input&quot; required&gt;&lt;/ion-input&gt;
    &lt;/ion-card&gt;
    &lt;ion-card&gt;
      &lt;ion-label color=&quot;primary&quot;&gt;Telefonnummer&lt;/ion-label&gt;
      &lt;ion-input formControlName=&quot;phonenr&quot; placeholder=&quot;Telefonnummer&quot; class=&quot;primary-input&quot; required&gt;&lt;/ion-input&gt;
    &lt;/ion-card&gt;
    &lt;ion-card&gt;
      &lt;ion-label color=&quot;primary&quot;&gt;E-Mail&lt;/ion-label&gt;
      &lt;ion-input formControlName=&quot;email&quot; placeholder=&quot;E-Mail&quot; class=&quot;primary-input&quot; required&gt;&lt;/ion-input&gt;
    &lt;/ion-card&gt;
  
    &lt;br&gt;
  
    &lt;div class=&quot;ion-margin-top&quot;&gt;
      &lt;ion-button type=&quot;submit&quot; expand=&quot;block&quot;&gt;Fertig&lt;/ion-button&gt;
    &lt;/div&gt;
  
    &lt;div class=&quot;ion-margin-top ion-text-center&quot;&gt;
      &lt;a (click)=&quot;dismiss()&quot;&gt;Abbrechen&lt;/a&gt;
    &lt;/div&gt;
    &lt;br&gt;
  &lt;/form&gt;
  </code></pre>
  <p>and this is my submitForm method:</p>
  <pre><code>createClientForm!: FormGroup;
  isFormSubmitted = false;
  
  submitForm(){
      this.isFormSubmitted = true;
  
      console.log(this.createClientForm.value);
    }
  </code></pre>
  <p>my url basically changes to something like this:</p>
  <pre><code>http://localhost:8100/home?ion-input-0=asasd&amp;ion-input-1=asd&amp;ion-input-2=asd&amp;ion-input-3=asd&amp;ion-input-4=asd&amp;ion-input-5=asd
  </code></pre>