Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/22.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
在angularjs中的ng bind中使用过滤器后添加更多文本_Angularjs_Ng Bind_Angular Filters - Fatal编程技术网

在angularjs中的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指令中通过一个过滤器放入一个变量

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>