使用ng-options上的filter更改显示的值

Question

我有价格（数组0，0.99，1.99…等），我想显示<select>。

我想用角的ng-options这样

<select ng-model="create_price" ng-options="obj for obj in prices"/>

由于这是上面显示它会产生一个选择0，0.99，1.99…

但我想在代码中使用过滤器，使得字每一次 的价格“
呈现（或者类似的东西），代码将运行一个函数的浮点数更改为字符串和现在（free，0.99$，1.99$…等）。

我有办法吗？

谢谢

Answer 1

有更好的方法：

app.filter('price', function() {
  return function(num) {
    return num === 0 ? 'free' : num + '$';
  };
});

然后像这样使用它：

<select ng-model="create_price" ng-options="obj as (obj | price) for obj in prices">
</select>

这样，筛选器对于单个值很有用，而不是仅对数组进行操作。如果您有对象和相应的格式过滤器，这将非常有用。

如果需要过滤器，也可以直接在代码中使用它们：

var formattedPrice = $filter('price')(num);