在angularjs中的ng bind中使用过滤器后添加更多文本
所以我想在ng bind指令中通过一个过滤器放入一个变量在angularjs中的ng bind中使用过滤器后添加更多文本,angularjs,ng-bind,angular-filters,Angularjs,Ng Bind,Angular Filters,所以我想在ng bind指令中通过一个过滤器放入一个变量 ng-bind="input | filter" 但是我想插入更多的文本 ng-bind="input | filter + 'more' " 但这不起作用。是否有一种方法可以在ng bind中添加更多的文本,就像您只需使用{{}: {{input | filter}} more 您可以这样做: <h1 ng-bind="'{{input | filter}}' + ' more stuff'"></h1>
ng-bind="input | filter"
但是我想插入更多的文本
ng-bind="input | filter + 'more' "
但这不起作用。是否有一种方法可以在ng bind中添加更多的文本,就像您只需使用{{}
:
{{input | filter}} more
您可以这样做:
<h1 ng-bind="'{{input | filter}}' + ' more stuff'"></h1>
下面是一个例子:
在ng bind
指令中,您可以简单地用括号括住过滤后的值并附加文本,而不是插入(使用{{}
)
<h1 ng-bind="(input | filter) + ' more stuff'"></h1>
此外,如果要添加的文本不是以任何方式动态的,那么我建议您附加另一个元素来绑定过滤后的值,然后在该元素之后添加文本
e、 g
更多东西
这将为您节省一个连接过程
哦,我没想到会那样做,哈哈。这是一个比我更好的方法。这里有一个警告:当
输入值改变时,它不会更新。在第一次插值之后,它基本上是静态的。
<h1><span ng-bind="(input | filter)"></span> more stuff</h1>