AngularJS 使用过滤器将文本附加到 ng-bind答案

【问题标题】：AngularJS append text to ng-bind with filterAngularJS 使用过滤器将文本附加到 ng-bind
【发布时间】：2015-08-10 15:11:58
【问题描述】：

我有这个代码（输出=1,000）：

<span ng-bind"item.num | number : 0"></span>

但我想要 1,000 公里。在不创建新跨度的情况下执行此操作的任何方法。

这样的东西不起作用：

<span ng-bind"item.num + ' km' | number : 0"></span>

【问题讨论】：

【解决方案1】：

<span ng-bind="(input | filter) + 'km'"></span>

【讨论】：

【解决方案2】：

这个的语法是：

<span ng-bind="(item.num | number : 0) + ' km' "></span>

【讨论】：

【解决方案3】：

作为更通用的解决方案，指定自定义过滤器JSFiddle：

.filter('formatNumber', function () {
    return function (input) {
        return input + 'km';
    }
});

还有：

<span ng-bind="item.num | formatNumber"></span>

【讨论】：

【解决方案4】：

您可以通过使用括号来做到这一点。

<span ng-bind"(item.num | number : 0) + 'km' "></span>

如果单位总是km，不是动态的，你可以把它放在常规文本中。

<div><p><span ng-bind"item.num | number : 0"></span>km</p></div>

【讨论】：