在 angularjs 中的 ng-bind 中使用过滤器后添加更多文本答案

【问题标题】：Add more text after using a filter in ng-bind in angularjs在 angularjs 中的 ng-bind 中使用过滤器后添加更多文本
【发布时间】：2014-06-28 04:06:25
【问题描述】：

所以我想在 ng-bind 指令中通过过滤器放置一个变量

ng-bind="input | filter"

但我想插入更多文字

ng-bind="input | filter + 'more' "

但这不起作用。有没有办法在 ng-bind 中添加更多文本，就像您只是使用 {{}} 一样：

{{input | filter}} more

【问题讨论】：

【解决方案1】：

无需在ng-bind 指令中插值（使用{{}}），您只需将过滤后的值用括号括起来并附加您的文本。

<h1 ng-bind="(input | filter) + ' more stuff'"></h1>

此外，如果您要添加的文本不是动态的，那么我建议您附加另一个元素来绑定过滤后的值，然后在该元素之后添加文本。

例如

<h1><span ng-bind="(input | filter)"></span> more stuff</h1>

这为您节省了一个连接过程。

【讨论】：

【解决方案2】：

你可以这样做：

<h1 ng-bind="'{{input | filter}}' + ' more stuff'"></h1>

【讨论】：