貨幣的自定義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上的一個很好的線索。