html - Angular/Material mat-form-field 输入 - float 标签问题

Question

有什么方法可以阻止占位符作为以下代码片段的标签 float ？

<form class="search-form">
  <mat-form-field class="example-full-width">
     <input class="toolbar-search" type="text" matInput>
     <mat-placeholder>Search</mat-placeholder>
     <mat-icon matSuffix style="font-size: 1.2em">search</mat-icon>
  </mat-form-field>
</form>

我查看了 Angular/ Material 的官方文档，但似乎这个功能现在已被弃用？

Answer 1

假设您使用的是 Material 2 的最新稳定版本，
您可以使用 floatLabel="never" 强制标签不 float 。

这里是 live working demo

这在文档中很清楚 https://material.angular.io/components/form-field/api