angular - 如何禁用在输入上方飞行的 Angular Material 占位符

Question

我有一个 Angular Material 输入。在大多数形式中，当我点击它时，我喜欢这种行为(占位符位于输入上方)。但在某些情况下，我需要这个占位符消失。

此外，我需要控件不在输入“上方”使用一些空白。

1) 可能吗？怎么办？

2) 如果不是，你会怎么做才能仍然使用 Angular Material 主题的主题样式(文本颜色、无边框、大小、...)？

不确定它是否有帮助，但这是一个我不想要它的例子(搜索文本):https://stackblitz.com/edit/angular-scgar8

Answer 1

Material 字段有一个floatLabel属性(property)。

您可以将其设置为never 以获得您想要的结果。

<mat-form-field floatLabel="never">
  <input matInput placeholder="search">
</mat-form-field>