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

Question

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

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

1) 有可能吗？怎么样？

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

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

Answer 1

材料字段具有floatLabel 属性。

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

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