title: Ionic 2 Updating Button Text and Event on Click
body: <p>Sorry if this sounds very obvious but I am new to Ionic 2 / Angular 2. Upon submitting a form, I need to update the button text and click event, ie:</p>
  
  <ul>
  <li><p>first click on button = submit form + update button text to "Next"</p></li>
  <li><p>second click on button = trigger goToNext()</p></li>
  </ul>
  
  <p>I managed to update the button text but not update the click event (to goToNext() ).</p>
  
  <p><strong>.html</strong></p>
  
  <pre><code> &lt;form (ngSubmit)="logForm(i)"&gt;
          &lt;ion-item&gt;
             &lt;ion-input type="text" [(ngModel)]="form.userinput[i]" name="userinput[i]"&gt;&lt;/ion-input&gt;
          &lt;/ion-item&gt;
  
          &lt;button ion-button block type="submit" (click)="setNext($event.target, 'Next')"&gt;Check&lt;/button&gt;
   &lt;/form&gt;
  </code></pre>
  
  <p><strong>.ts</strong></p>
  
  <pre><code>setNext(element, text){
      element.textContent = 'Next';
   }
  
  goToNext(){
  // go to Next Page
  }
  </code></pre>