angular - 如何在 Material UI 的开头添加美元符号？

Question

<mat-form-field appearance="outline">
  <mat-label>Some Dollar Amount</mat-label>
  <input matInput placeholder="Some Dollar Amount" required>
</mat-form-field>

在此处输入图像描述

标签： angularangular-material

Answer 1

您是否尝试过使用 matPrefix 属性然后对其进行样式设置？

<mat-form-field appearance="outline">
  <mat-label>Some Dollar Amount</mat-label>
  <input matInput placeholder="Some Dollar Amount" required>
  <span matPrefix>$&nbsp;</span>
</mat-form-field>

材料表单字段