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

前端之家收集整理的这篇文章主要介绍了在angularjs中的ng-bind中使用过滤器后添加更多文本前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
所以我想通过一个过滤器在ng-bind指令放一个变量
ng-bind="input | filter"

但我想插入更多的文本

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

但这不工作。有一种方法可以添加更多的文本在ng-bind,就像你可能如果你只是使用{{}}:

{{input | filter}} more
而不是在ng-bind指令中插入(使用{{}})某些东西,你可以简单地用一个括号括起过滤后的值,并追加你的文本。
<h1 ng-bind="(input | filter) + ' more stuff'></h1>

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

例如

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

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

Example here

猜你在找的Angularjs相关文章