angularjs – 使用ng-options上的过滤器更改显示的值

发布时间：2020-12-17 08:57:14 所属栏目：安全来源：网络整理

导读：我有一个价格数组(0，0.99，1.99 …等)，我想显示在 selectgt ;. 我想使用Angular的ng选项，像这样 select ng-model="create_price" ng-options="obj for obj in prices"/ 因为它显示在上面它会产生一个0，0.99，1.99 …的选择… 但是我想在代码中使用一个过

我有一个价格数组(0，0.99，1.99 …等)，我想显示在< select&gt ;. 我想使用Angular的ng选项，像这样

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

因为它显示在上面它会产生一个0，0.99，1.99 …的选择…

但是我想在代码中使用一个过滤器，每次出现“price”(或类似的东西)时，代码将运行一个函数将浮点数改为字符串和存在(free，0.99 $，1.99 $ …等)。

我有办法吗？

谢谢

有一个更好的方法：

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);

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!