货币的自定义HTML - 过滤器或指令？

Question

我已经给出了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> 

我一直在想了一会儿......这应该更好地执行作为指令还是应该坚持使用过滤器？

Answer 1

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

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

这是when to use a directive vs when to use a filter上的一个很好的线索。