javascript - 货币的自定义 html——过滤器还是指令？

Question

我得到了一个用户体验设计，将货币符号显示为灰色，将小数值显示为黑色。为了实现这一点，我做了一些谷歌搜索，最终制作了一个简单的过滤器:

.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>

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

Answer 1

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

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

这里有一个关于 when to use a directive vs when to use a filter 的好帖子。