AngularJS 1.2的ngBindHtml不處理/ R＆/ N

Question

我有一個看起來像這樣的字符串（大量的空白，這是它只是怎麼弄出來我的服務器上）：

var care_description = "MATERIAL\r\n \r\n 56% Acrylic, 24% Rayon, 20% Polyester\r\n \r\n CARE\r\n \r\n Machine Wash, Gentle Or Delicate" 

我「M使用新Angular 1.2.0 ngBindHtml和像這樣處理它在我的控制器：

$scope.care = $sce.trustAsHtml(care_description); 

（該$scope.records[i].accordions陣列僅僅是角引導的手風琴模塊的包裝）。

當我把這個變成我的看法（通過一個簡單的<p ng-bind-html="care"></p>）它被渲染，像這樣：

MATERIAL 56% Acrylic, 24% Rayon, 20% Polyester CARE Machine Wash, Gentle Or Delicate 

當它應該是：

MATERIAL 

56% Acrylic, 24% Rayon, 20% Polyester 

CARE 

Machine Wash, Gentle Or Delicate 

是唯一的解決辦法在這裏對我來說，做一個正則表達式替換找到\r\n的所有實例並將其替換爲<br />？

編輯：我應該提到，雖然在上面的例子中，沒有HTML標籤，經常會出現，所以我需要在這裏使用ngBindHtml而非<pre>標籤。

Answer 1

所有的ngBindHtml都不是逃生標籤。您在這裏沒有標籤。您可以用<br/>替換全部\r\n。或者你可以寫一個指令來爲你做。或者只是使用<pre>標籤。

Answer 2

你有什麼不是HTML，但純文本。所以你不應該使用ng-bind-html和trustAsHtml。只是顯示一個<pre>塊內的值：

<pre>{{ care }}</pre>