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

Question

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

ng-bind="input | filter"

但我想插入更多文字

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

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

{{input | filter}} more

Answer 1

您可以简单地将过滤后的值用括号括起来并附加您的文本，而不是在指令中插值（使用{{}}） 。ng-bind

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

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

例如

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

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

这里的例子

Answer 2

你可以这样做：

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

这是一个例子： http ://plnkr.co/edit/rEva7FTPFtr3im7RUlQk?p=preview