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

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

演示

Answer 3

使用' '而不是' '模板中。