当禁用控件状态时,Angular Material Input将占位符移动到顶部

时间:2018-06-07 12:57:23

标签: angular-material-5

对于角度材料,占位符在输入控件中输入值时成为标签。

我正在使用我的表单进行查看和编辑模式。在视图模式下,我只是禁用表单,因此用户无法对其进行编辑(基于用户角色,API也会对其进行处理)

然而,看看带有占位符文本的控件看起来很奇怪。是否有任何CSS技巧,以便我可以使占位符值成为该控件的标签,并将输入显示为空白字段(因此看起来没有值可用于此控件,占位符实际上成为顶部的标签)< / p>

请告知

1 个答案:

答案 0 :(得分:2)

好吧,我的问题似乎不够明确。

我找到了解决方案,非常简单。

我使用mat-form-field的“floatLabel”属性,并且使用表单的禁用属性制作动态。

如果表单被禁用,即使输入值不可用,占位符也将成为标签。