Angular/Material - 大块文本的样式垫提示

Question

我正在使用 Material 从事 Angular 9 项目。

我这里有一个演示示例：https://stackblitz.com/edit/mat-h ​​int-styling-issue?file=src/app/app.component.html

我正在使用带有垫子提示的输入。通常，mat-h​​int 将包含少量文本，但文本也可能非常大。如果发生这种情况，我想将垫子提示设置为更具响应性。

理想情况下，我希望 mat-h​​int 显示所有文本，但是现在它溢出到下一个输入的顶部。像这样： 相反，我希望它根据需要向下推下一个输入以显示其所有文本。我尝试将显示设为一个块，但没有帮助。

同样重要的是其他垫子提示（“必需！”）不受影响。

如果上述不可能（在不影响“必需！”或大量 scss 的情况下完成），那么我可以满足于在 mat 提示上设置最大高度，并使用省略号控制溢出文本。但是，当我添加最大高度时，文本会被截断，但不会以省略号结尾（即使在有：之后text-overflow: ellipsis）。

有什么样式建议可以使其响应更快吗？感谢您的任何提示或建议。

Answer 1

所以我也遇到了这样的问题：我的垫子提示会在两行之后被切断。但覆盖MAT_FORM_FIELD_DEFAULT_OPTIONS似乎是我的解决办法。添加提供程序并将subscriptSizing设置为动态将不再截断任何文本。

{ provide: MAT_FORM_FIELD_DEFAULT_OPTIONS, useValue: { subscriptSizing: 'dynamic' } }