Как показать два непрерывных пространства в Angular?

ОБНОВЛЕНИЕ: оба пути от Криса и Марка работают.

Я использую Angular 2. Я пытаюсь показать два непрерывных пробела между a и b на странице. Я пробовал все это, но ни один из них не работает:

{{text}}

text = "a\00a0\00a0b";
text = 'a\00a0\00a0b';
text = "a&nbsp;&nbsp;b";
text = 'a&nbsp;&nbsp;b';
text = "a  b";
text = 'a  b';

Как я могу заставить это работать?

Привязать к свойству DOM innerHTML вместо свойства DOM textContent (к которому привязан {{}}):

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

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

Я полагаю, что вы получаете это из-за природы зачистки HTML-пространства.

Возможно, вы можете использовать свойство white-space: pre css для любого элемента, который вы визуализируете.

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

Я не очень много знаю о вашем заявлении, но, возможно, этого будет достаточно.

используйте ' ' вместо ' ' в шаблоне.