Angular，mat-option，带空格的文本格式

Question

我需要在<mat-option>内显示文本，并在单词之间留出空格数。 例如'word1__word2' 之间必须有两个空格。 我可以通过用 替换空格字符来做到这一点。 . 但是如果我从一个方法返回一个字符串，这就不起作用了：

.ts:

myFunc() {
  return 'This doesn't work!';
}

.html:

<mat-option>
  {{myFunc()+'This&nbsp;works!'}}
</mat-option> 

因此，如果我从方法返回字符串，格式将不起作用。 我如何强制格式化它？ 否则它会跳过额外的空格。

[innerHtml] 也不起作用，因为它隐藏了复选框等其他人员：

<mat-select [multiple]="true">
  <mat-option [innerHtml]="'inner'"></mat-option>
  <mat-option>opt2</mat-option>
</mat-select>

第一项没有复选框。

Answer 1

尝试使用\xA0代替 

myFunc() {
    return "This\xA0doesn't\xA0\xA0\xA0\xA0\xA0\xA0work!";
}

这个答案有更多信息