javascript - AngularJS:段落元素的换行符

Question

在 Angular 中，我需要从包含换行符的文本 block 生成一系列段落元素？

我可以想出几种方法来做到这一点。但是，我想知道是否存在“官方”Angular 方式，或者在 AngularJS 上下文中最优雅的方式是什么。

一个例子

来自:

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. \n
Sed diam nonummy nibh euismod tincidunt ut laoreet dolore. \n
Magna aliquam erat volutpat. Ut wisi enim ad minim veniam.

到:

<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
<p>Sed diam nonummy nibh euismod tincidunt ut laoreet dolore.</p>
<p>Magna aliquam erat volutpat. Ut wisi enim ad minim veniam.</p>

我可以想到很多方法来做到这一点:

1. 修改 Controller 中的文本(尽管我更愿意避免修改我的模型)
2. 使用指令，并在链接函数中生成段落(似乎过于繁琐)。
3. 使用过滤器(我目前最喜欢的过滤器)创建一个数组以通过管道传输到 ng-repeat

Answer 1

我能想到的最佳解决方案是创建一个过滤器:

angular.module('myApp').
filter('nlToArray', function() {
  return function(text) {
      return text.split('\n');
  };
});

这需要一段文本并为每个段落创建一个新的数组元素。

然后可以将此数组插入到 ng-repeat 指令中:

<p ng-repeat="paragraph in textBlock|nlToArray track by $index">{{paragraph}}</p>