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

所以我想通过ng-bind指令中的filter来放置一个variables

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> 

此外，如果你想添加的文本是不是dynamic的，那么我build议你追加另一个元素来绑定过滤的值，然后在该元素之后添加文本。

例如

 <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