如何禁用在输入上方飞行的角度材料占位符

Question

我有一个角度材质输入。在大多数形式中，当我单击它时，我喜欢这种行为（让占位符位于输入上方）。但在某些情况下，我需要这个占位符消失。

另外，我需要控制不使用输入“上方”的一些空白。

1）可能吗？如何？

2）如果没有，你会怎么做仍然使用角度材料主题的主题样式（文本颜色，无边框，大小，...）？

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

Answer 1

材质字段有一个floatLabel属性。

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

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