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

Question

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

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

但我想要1000公里的东西。任何方法都可以在不创建新范围的情况下执行此操作。

这样的事情不起作用：

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

Answer 1

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

Answer 2

这个的语法是：

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

Working Plunkr

Answer 3

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

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

和

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

Answer 4

您可以使用括号来完成此操作。

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

如果单位始终为km并且不是动态的，则可以将其放在常规文本中。

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