javascript - 我们如何自定义内置的 Angular "currency"过滤器？

Question

我正在使用 Angular“货币”过滤器来显示购物车中的价格。价格是从后端服务器获取的。所以有时候价格可能无法显示给用户。在这种情况下，我只想向用户显示价格在与货币字段相同的字段中不可用。我无法在货币过滤器中显示纯文本。我发现的唯一解决方案是保留另一个文本字段，以便在价格不可用时显示/隐藏。但我认为这是不必要的。有没有办法扩展或覆盖 Angular js 内置的“货币”过滤器？请提供一些帮助。

 <div class="large-12 medium-12 small-12 columns pad-none nzs-pro-list-item-price">
    {{item.ItmPrice|currency}}
</div>

Answer 1

创建您的自定义过滤器，当存在值时，它将在内部使用货币，否则它将返回您想要显示的文本。

标记

{{amount | customFormat:"USD$": "N/A"}}

过滤

.filter('customFormat', function($filter) {
  return function(value, format, text) {
    if (angular.isDefined(value) && value != null)
      return $filter('currency')(value, format);
    else
      return text;
  }
});

Working Plunkr