Удалить метку из ввода материала в фокусе и когда оставить фокус

Question

Я использую angular ввод материала с заполнителем. Когда я фокусируюсь на поле, я удаляю заполнитель, но если я оставляю фокус и поле пустое, я вижу анимацию преобразования, которую я тоже хочу удалить. в этом заполнителе изображения, которое должно быть, когда поле пусто.

И на этом изображении я оставляю фокус:

<mat-form-field class="al-subscribe-form-field">
        <input formControlName="email" matInput type="email">
        <mat-placeholder  class="al-placeholder">{{'SHARED.ENTER_YOUR_EMAIL' | translate}}</mat-placeholder>
</mat-form-field>

.mat-focused .al-placeholder, .mat-form-field-invalid .al-placeholder {
    display: none!important;
}

Answer 1

    .mat-form-field-should-float .mat-form-field-label-wrapper {
        display: none!important;
    }
    .mat-focused .al-subscribe-form-placeholder,
    .mat-form-field-invalid .al-subscribe-form-placeholder {
        display: none!important;
}

<mat-from-field floatLabel="never"></mat-form-field>

Решает мою проблему