Угловой ввод материала перемещает заполнитель сверху, когда состояние элементов управления отключено

Question

Для углового материала заполнитель становится меткой, когда мы вводим значение в элемент управления вводом.

Я использую свою форму как для режима просмотра, так и для режима редактирования.В режиме просмотра я просто отключаю форму, чтобы пользователь не мог ее редактировать (в зависимости от роли пользователя, и API тоже об этом заботится)

Однако это выглядит довольно странно, глядя на элемент управления с текстом-заполнителем на нем.Есть ли какая-то хитрость CSS, чтобы я мог сделать значение заполнителя меткой для этого элемента управления и сделать так, чтобы входные данные отображались как пустое поле (так что похоже, что для этого элемента управления нет значения, а заполнитель фактически становится меткой сверху)

Пожалуйста, сообщите

Answer 1

ОК, кажется, мои вопросы были недостаточно ясными.

Я нашел решение и был довольно легок.

Я использовал атрибут "floatLabel" в поле mat-form-field и сделал его динамическим со свойством отключенной формы.

если форма отключена, заполнитель станет меткой, даже если вход не имеет значенияимеется в наличии.