Làm cách nào để hiển thị hai không gian liên tục trong Angular 2?

Question

CẬP NHẬT: Cả hai cách từ Chris và Mark đều hoạt động.

Tôi đang sử dụng Góc 2. Tôi cố gắng hiển thị hai khoảng cách liên tục giữa a và b trong trang. Tôi đã thử tất cả những thứ này. Nhưng không ai trong số họ hoạt động.

{{text}} 

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

Tôi làm cách nào để hoạt động? Cảm ơn.

Answer 1

Bind để sở hữu DOM innerHTML thay vì sở hữu DOM textContent (đó là những gì {{}} liên kết với):

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

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

Answer 2

Tôi tin rằng bạn đang nhận được điều này vì bản chất của không gian html tước.

Bạn có thể sử dụng thuộc tính css white-space: pre trên bất kỳ phần tử nào bạn đang hiển thị văn bản đó.

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

Tôi không biết nhiều về ứng dụng của bạn, nhưng có lẽ điều này là đủ.

Demo

Answer 3

sử dụng ' ' thay vì ' ' trong mẫu.