javascript - Angular js 省略号

Question

有什么方法可以使用 Angular js 对字符串进行子串并在末尾添加省略号，同时忽略 anchor 标记(如果它位于子字符串内部)？

例如，我的文字是:

Lorem Ipsum has been the industry's standard dummy text ever since the 1500s when an unknown printer took a galley of type and scrambled it to make a type specimen book.

我只能显示省略号后最多 70 个字符的文本。

在本例中，“大约 55 - 100”是 anchor 链接，子字符串从 0,70 开始对字符串进行切片，并创建一个 anchor 链接损坏的错误字符串。

在 HTML 上，我使用:

> data-ng-bind-html

解析子字符串。

我们怎么能忽略< a href="something.html" > < /a >标签里面的字符串和子字符串还有其他内容吗？

不想使用 CSS，因为内容可以是任意长度。

使用的过滤器:

filter('customEllipsis', function() {
        return function(input, number) {
            if (input) {
                return input.length > number ? input.substring(0, number) + '...' : input;
            }
        };
    });

Answer 1

使用Angular sanitizer来解析 html。看这个jsbin获取使用示例。

app.filter('customEllipsis', function($sce) {
  return function(input, number) {
    if (input) {
      input = input.length > number ? input.substring(0, number) + '...' : input;
      input = $sce.trustAsHtml(input);
      return input;
    }
  };
});