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

how to prevent matInput inside a matFormField to truncate mutiple spaces in placeHolder

我有一个 angular 11 应用。

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

我使用 placeholder 属性 来显示自动完成数据。问题是,如果我在 <mat-form-field> 中有一个 matInput,它会将几个 space 截断为一个 space。因此,如果我的占位符包含 foo bar,它将显示为 foo bar。有办法克服这个问题吗?

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

StackBlitz Demo

谢谢!

将 space 替换为 &nbsp; 不间断 space。

<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>

Fork of your Stackblitz.