在Angular Material中的输入之外显示标签

Question

Angular Material 中有什么方法可以在 mat-input 的左侧显示 mat-label 吗？ 到目前为止，我在 Angular Material 文档中找不到任何允许我执行此操作的内容。

您好，

Answer 1

这是另一种方式：

请套用你自己的风格：

<form style="display: flex">
    <label>Favorite food</label>
    <mat-form-field>
      <input matInput placeholder="Ex. Pizza" value="Sushi" />
    </mat-form-field>
  </form>

标签css：

label {
  display: flex;
  align-items: center;
}