title: Apply pipe to input box
body: <p>I have written <code>thousandsSeparatorPipe</code> and it is working fine with the <code>label</code> as shown below.</p>
  
  <pre><code>  &lt;ion-label fixed&gt;{{project.contingency | thousandsSeparatorPipe}}&lt;/ion-label&gt;
  </code></pre>
  
  <p>But how can I apply that <code>pipe</code> to the <code>ion-input</code>? Because I need to show the thousands separator when user types on the below <code>numeric</code> box.Any help, please? </p>
  
  <pre><code>&lt;ion-input type="number" formControlName="budget" [(ngModel)]="project.budget" &gt;&lt;/ion-input&gt;
  </code></pre>