更改字体后材料输入标签无法正确显示

Question

我有 floatLabel='always' 选项的材料输入。当我更改字体系列材料时，不会计算标签宽度并且标签显示不正确。

我该如何解决这个问题？ stackblitz上的示例

Answer 1

如果您更改字体，似乎边框不会更新，这是有道理的，因为没有任何东西告诉它更新，所以似乎没有办法让它自动计算边框大小。

这是更新标签的一种稍微“hacky”的方式，基本上我们重新创建表单字段以应用更改，但这将摆脱任何输入。

https://stackblitz.com/edit/a-material-font-d8vpb9

遗憾的是，将*ngIf 放在标签上是行不通的，它只是将其删除并且永远不会重新创建它。