Angular 向<；添加星号的最佳方法；垫子标签>；在角材料中

我想在我的垫子标签上加上红色星号。我没有使用引导程序。
在角形材质的垫子标签上添加星号的最佳方法是什么。我正在使用angular10和最新的angular材质

代码：

身份证件：
{{type.description}}
您必须选择一个Id
类型

您可以通过HTML的

实现这一点。将其添加到

之前，并根据需要为其设置样式。请参阅下面的代码

app.component.html

---

您可以参考工作演示

，只需将一个类添加到mat标签，如下所示：

<p>
  <mat-label class="asterix--before">Legacy form field</mat-label>
  <br />
  <mat-form-field appearance="legacy">
    <input matInput placeholder="Placeholder" />
    <mat-icon matSuffix>sentiment_very_satisfied</mat-icon>
    <mat-hint>Hint</mat-hint>
  </mat-form-field>
</p>

---

显示您的代码please@alessandro在此处添加了我的代码。我已遵循以下步骤：。但是我想看看是否有更好的方法。通过样式表是最好的选择，你可以通过ngclass或其他方式驱动你的样式类，如果不需要，避免无用的标记，所有这些都是最好的，谢谢你的回复。我已经使用以下代码：。但我想看看是否有比这更好的选择。请让我知道，如果你知道任何其他更好的方式比这个。它为我工作。当我尝试这个之前，我得到了整个标签的红色。我所犯的唯一错误是“mat label.required:：after”。我知道这是我的错。谢谢你的回复。

<div>
    <span class="asterick">*</span>
    <mat-label>Id: </mat-label>
</div>

.asterick {
  color: red;
}

<p>
  <mat-label class="asterix--before">Legacy form field</mat-label>
  <br />
  <mat-form-field appearance="legacy">
    <input matInput placeholder="Placeholder" />
    <mat-icon matSuffix>sentiment_very_satisfied</mat-icon>
    <mat-hint>Hint</mat-hint>
  </mat-form-field>
</p>

  .asterix--before:before {
    content: "*";
    color: red;
  }