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

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

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

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

пожалуйста, порекомендуйте


angular-material-5
person Paresh Varde    schedule 07.06.2018    source источник

Ответы (1)


arrow_upward
2
arrow_downward

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

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

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

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

person Paresh Varde    schedule 11.06.2018