Angular 9 Mat-form-Field-重定位标签浮动

Question

考虑以下代码：

<mat-form-field>
    <mat-label>Some label</mat-label>
    <input matInput>
</mat-form-field>

当该字段成为焦点时，标签“ Some label”将浮在文本字段上方。 有没有简单的方法来放置其浮动位置？例如，留在文本字段吗？

Answer 1

<div class="col-lg-6">
      <mat-label>Some Label </mat-label>
       <mat-form-field>
         <input matInput>
       </mat-form-field>
    </div>

一种方法是，我们可以在mat-form-field之前使用mat-label来重新放置它。您可以改用此方法，看看是否有帮助：

    <div class="col-lg-6">
      <mat-label>Some Label </mat-label>
       <mat-form-field>
         <input matInput>
       </mat-form-field>
    </div>