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

发布时间：2020-12-17 08:59:57 所属栏目：安全来源：网络整理

导读：所以我想通过一个过滤器在ng-bind指令放一个变量 ng-bind="input | filter" 但我想插入更多的文本 ng-bind="input | filter + 'more' " 但这不工作。有一种方法可以添加更多的文本在ng-bind，就像你可能如果你只是使用{{}}： {{input | filter}} more 而不是

所以我想通过一个过滤器在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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!