AngularJS使用筛选器将文本附加到ng绑定

我有以下代码（输出=1000）：

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

像这样的东西不起作用：

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

---

此语法为：

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

---

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

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

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

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

km

作为更通用的解决方案，请指定自定义筛选器：

以及：

---

如果使用

number

过滤器本身，就可以在HTML上完成，这样做会更好

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

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

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

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