title: Use pipe number In Input text
body: <p>I use pipe number like this and works fine</p>
  
  <pre><code>{{ item.price | number }}
  </code></pre>
  
  <p>and I want to use this pipe In Input element text like this</p>
  
  <pre><code>&lt;input type="text"  name="price" [ngModel]="price | number" (ngModelChange)="price=$event" &gt;
  </code></pre>
  
  <p>I want to separate 3 number with a comma when I typing numbers in Input <br>
  <code>222222222</code> to <code>222,222,222</code> In input text <br>
  when I type number to show me this error:</p>
  
  <blockquote>
    <p>ERROR Error: InvalidPipeArgument: '2,22222 is not a number' for pipe
    'DecimalPipe'
    <br></p>
  </blockquote>
  
  <p>How can I solve this problem?
  <a href="https://stackblitz.com/edit/angular-nkh71w" rel="nofollow noreferrer">stackblitz</a></p>