使用 'Angular-once' 添加省略号（不允许 {{bind 1}{{bind 2}}）

Question

我正在用 Angular once 替换巨型列表中的一些绑定。但是，我无法弄清楚如何将以下 {{}} 绑定替换为一次：

我正在替换以下工作代码：

<div class="question">
    {{result.Question | limitTo: 175}}{{result.Question.length > 175 ? '...' : ''}}
</div>

这是我目前所拥有的，我尝试的其他一切都失败了：

<div class="question">
    <p once-text="result.Question | limitTo: 175"></p>
</div>

问题：

使用 Angular 一次，我如何才能完成与原生 Angular 相同的并排绑定语句？

Answer 1

您可以按照以下方式编写过滤器以添加 ...，它将达到 limitTo 和

的目的

moduleName.filter('addEllipsis', function() {
  return function(input, length) {
    length = length || 100; //default value for length
    return input.length > length ? input.substring(0, length) + "..." : input;
  };
});

现在可以按如下方式使用了：

once-text="result.Question | addEllipsis" //with default length of 100

或

once-text="result.Question | addEllipsis: 175" //with explicit length

使用 'Angular-once' 添加省略号（不允许 {{bind 1}{{bind 2}}）

Adding an ellipsis using 'Angular-once' (which doesn't allow {{bind 1}{{bind 2}})

binding

angularjs

angular-once

问题：