title: I want to display A$ in React form input but return value only number;
body: <p>I am trying to display A$ in input.</p>
  
  <pre><code>&lt;form [formGroup]="incomeForm" *ngFor="let field of incomeFields"&gt;      
      &lt;mat-form-field fxFlex&gt;
        &lt;input matInput [value]="incomeForm.get(field).value | currency : 'AUD':'symbol':'1.0-0'"
                       [placeholder]="field"
                       [formControlName]="field"&gt;
      &lt;/mat-form-field&gt;     
  &lt;/form&gt;
  </code></pre>
  
  <p>But this gives me Pipe error</p>
  
  <blockquote>
    <p>ERROR Error: InvalidPipeArgument: 'A$12 is not a number' for pipe 'CurrencyPipe'</p>
  </blockquote>
  
  <p>This is because when I type 12, value becomes A$12 and it is trying to pipe A$12
  How can I display number with A$ without error?</p>