如何在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`;

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

Answer 1

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

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

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

Answer 2

我相信你因为html剥离空间的性质而得到这个。

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

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

我不太了解你的申请，但也许这就足够了。

Demo

Answer 3

在模板中使用ANS代替' '。