如何在 Angular 中显示两个连续的空间？

Question

更新：克里斯和马克的两种方式都有效。

我正在使用 Angular 2。我尝试在页面中显示 a 和 b 之间的两个连续空格。我已经尝试了所有这些，但都没有用：

 {{text}}

text = "a\00a0\00a0b";
text = `a\00a0\00a0b`;
text = "a  b";
text = `a  b`;
text = "a  b";
text = `a  b`;

我怎样才能让它发挥作用？

原文由 Hongbo Miao 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

绑定到 DOM 属性 innerHTML 而不是 DOM 属性 textContent （这是 {{}} 绑定到的）：

 <span [innerHTML]="text"></span>

text = "a&nbsp;&nbsp;b";

原文由 Mark Rajcok 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

我相信您是因为 html 剥离空格的性质而得到的。

您也许可以在呈现该文本的任何元素上使用 white-space: pre css 属性。

 function MyCtrl($scope) {
  $scope.text = 'a      b';
}
...
<p style="white-space: pre">{{text}}</p>

我不太了解您的应用程序，但也许这就足够了。

演示

原文由 Chris 发布，翻译遵循 CC BY-SA 3.0 许可协议