仅在数据存在时显示文本前缀

Question

我有一些AngularJS代码，只有在显示余额时才会显示未结余额。

{{Customer.LastName}}, {{Customer.FirstName}} ${{Customer.OutstandingBalance}}

如果没有未结余额，我想做的就是不显示美元符号（$）。如何使美元符号取决于Customer.OutstandingBalance？

的值

Answer 1

我认为除了明显的建议，例如“将其包裹在<span ng-show="Customer.OutstandingBalance">

中 你可以这样做：{{Customer.LastName}}, {{Customer.FirstName}} {{Customer.OutstandingBalance ? '$' : ''}}{{Customer.OutstandingBalance}}

Answer 2

将自定义过滤器与内置货币文件管理器一起使用。

app.filter('myCurrency', function($filter){
  return function(input){
    return input ? $filter('currency')(input) : '';
  };
});

在视图中使用

{{Customer.LastName}}, {{Customer.FirstName}} {{Customer.OutstandingBalance | myCurrency}}

这是plunker演示 http://plnkr.co/edit/ocqmiz4tNX49R8rG8VA7?p=preview

Answer 3

您可以使用仅根据OutstandingBalance显示的范围：

<span ng-show="Customer.OutstandingBalance != 0">$</span> {{Customer.OutstandingBalance}}