javascript - AngularJS 1. 2's ngBindHtml doesn' t 进程/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"

我正在使用新的Angular 1.2.0 ngBindHtml 并在我的 Controller 中处理它，如下所示:

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

($scope.records[i].accordions 数组只是 Angular-Bootstrap 的 Accordions 模块的包装器)。

当我将其放入我的 View 中(通过简单的 <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 所做的一切都不是转义标签。你这里没有标签。您可以替换所有 \r\n与 <br/> 。或者您可以编写一个指令来为您执行此操作。或者只是使用 <pre>标签。