Угловой 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 перед полем формы mat, чтобы переместить его. Вместо этого вы можете попробовать это и посмотреть, поможет ли это:

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