angular - 如何防止 matFormField 中的 matInput 截断 placeHolder 中的多个空格

Question

我有一个 Angular 11 应用程序。

我在它后面使用mat-autocomplete和 amat-input在输入本身中显示自动完成提示。

我使用该placeholder属性来显示自动完成数据。问题是，如果我有一个matInput内部 a<mat-form-field>它会将几个空格截断为一个空格。因此，如果我的占位符持有foo bar，它将显示为foo bar. 有没有办法克服这个？

我创建了一个代表我的问题的 stackblitz：

StackBlitz 演示

谢谢你！

Answer 1

用 不间断的空格替换空格。

<mat-form-field>
    <input matInput placeholder="A&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;moshe">
</mat-form-field>

你的 Stackblitz 的叉子。