префикс mat для работы на входе, а не метка

Question

Итак, используя материал, у нас есть некоторый код, чтобы задать вопрос, на входе мы хотели бы добавить знак $ перед или использовать заполнитель.внутри этого поля у нас также есть метка.Если я использую matprefix, он ставит знак доллара перед меткой, а не в поле ввода.Кто-нибудь может предложить способ сделать это?

<mat-form-field floatLabel="always" class="fb-form-field fb-auto-detail-question-group">
        <!-- <mat-label class="fb-question-label">Amount of service or tow? </mat-label> -->
        <label class="sub">What was the amount of the service or tow bill?<span class="frm__label--required">*</span></label>
        <input matInput formControlName="serviceBillAmount" class="fb-form-auto-input"  />
        <span matPrefix>$&nbsp;</span>
        <mat-error *ngIf="fieldInvalid('serviceBillAmount')"> The dollar amount you entered is invalid. Please try again.</mat-error>
    </mat-form-field>

Answer 1

Посмотрите на этот пример, попробуйте сравнить его с вашим кодом, matPrefix и matSuffix не должны вступать в противоречие с метками, размещенными в поле формы.Имейте в виду, что поскольку вы используете Angular Material, вы должны придерживаться структур, предусмотренных в каркасе, в этом случае вы должны использовать тег mat-label вместо просто label

https://stackblitz.com/edit/angular-j4eagb