Я хочу отображать A $ в форме ввода React, но возвращать значение только число;

Question

Я пытаюсь отобразить A $ во входных данных.

<form [formGroup]="incomeForm" *ngFor="let field of incomeFields">      
    <mat-form-field fxFlex>
      <input matInput [value]="incomeForm.get(field).value | currency : 'AUD':'symbol':'1.0-0'"
                     [placeholder]="field"
                     [formControlName]="field">
    </mat-form-field>     
</form>

Но это дает мне ошибку конвейера

Ошибка: InvalidPipeArgument: 'A $ 12 - это не число' для канала «CurrencyPipe»

Это потому, что когда я набираю 12, значение становится 12 $, и он пытается передать 12 $ Как я могу отобразить число с A $ без ошибки?

Answer 1

Денежная труба принимает только числа в качестве допустимых входных данных, поэтому, если ваше значение становится 'A $ 12', вы можете оставить его и не использовать валютную трубу, или вы можете нарезать его перед отправкой в ​​валютную трубу

{{ session.balance | slice : '2' | currency : 'AUD':'symbol':'1.0-0' }}