title: When I click on Login button multiple times It loads the other page same number of times the button is clicked.how can I prevent this?
body: <p>When I Click Login button several times before the pages gets navigated after pressing login button, It opens the page equal number of time as that of Login buttton pressed.
  For example: When I click on login button it is navigated to page xyz.
  Suppose I click 10 times in succession the login button then page xyz will open 10 times and then I have to press 10 times to logout xyz.
  How can I prevent this?And what is the reason behind this?
  The application is developed on ionic2 and angular2.
  If any further information is needed please let me know.
  Screenshot is attached with  this.<a href="https://i.stack.imgur.com/WGztW.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/WGztW.png" alt="Screenshot"></a>
  My Code:
  `</p>
  
  <pre><code>&lt;ion-content padding&gt;
    &lt;form (submit)="onLogin()"&gt;
      &lt;ion-item&gt;
        &lt;ion-label stacked color="secondary"&gt;Email&lt;/ion-label&gt;
        &lt;ion-input type="email" required [(ngModel)]="email" name="email"&gt;&lt;/ion-input&gt;
      &lt;/ion-item&gt;
      &lt;ion-item&gt;
        &lt;ion-label stacked color="secondary"&gt;Password&lt;/ion-label&gt;
        &lt;ion-input type="password" required minlength="6" maxlength="10" name="password" [(ngModel)]="password"&gt;&lt;/ion-input&gt;
      &lt;/ion-item&gt;
      &lt;br&gt;
      &lt;button ion-button color="secondary" block class="abc" type="submit"&gt;Login&lt;/button&gt;
    &lt;/form&gt;`
  </code></pre>