货币的自定义 html - 过滤器或指令？答案

【问题标题】：Custom html for currency -- filter or directive?货币的自定义 html - 过滤器或指令？
【发布时间】：2015-11-08 23:08:50
【问题描述】：

我得到了一个 UX 设计，它将货币符号显示为灰色，十进制值显示为黑色。为了实现这一点，我做了一些谷歌搜索，最后制作了一个简单的过滤器：

.filter('tnCurrency', ['$filter', function($filter) {
    return function(input, symbol, decimal) {
        var amt = $filter('currency')(input, '', decimal);

        return  '<span class="tn-currency-symbol">' + symbol + '</span><span class="tn-currency-amt">' + amt + '</span>';       
    };
}]);

用法：

<span ng-bind-html="total.amt | tnCurrency:'$':2"></span>

我已经考虑了一段时间...应该将其作为指令更好地实施还是我应该坚持使用过滤器？

【问题讨论】：

标签： javascript angularjs filter ionic directive

【解决方案1】：

指令更适合操作 DOM，而过滤器更适合转换值。

我将创建一个使用货币过滤器的指令。

这是when to use a directive vs when to use a filter 上的一个好帖子。

【讨论】：