自定义html货币过滤器或指令
Custom html for currency -- filter or directive?
我有一个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>
我已经考虑了一段时间了…这应该作为一个指令更好地实现还是我应该坚持过滤器?指令更适合于操作DOM,而过滤器更适合于转换值。
我将创建一个使用货币过滤器的指令。
这里有一个关于何时使用指令和何时使用过滤器的好线程。
相关文章:
- 在指令控制器中使用$attrs时出现问题
- 参数变量出现ngTable指令问题
- 指令中的 AngularJS 自定义过滤器以格式化值
- 如何在angularjs中对指令内部的JSON数组使用过滤器
- AngularJS - 在指令中获取过滤器长度
- Angularjs d3 自定义指令,带有数据过滤器
- 角度 ui 路由器的问题 - 我无法将过滤器应用于指令中的重复
- 角度自定义指令基本输入过滤器工作不正常,只显示匹配的第一个实例
- AngularJS指令与过滤器和颜色
- 将过滤器的值赋给指令中的一个变量
- Angular.js将过滤器传递给指令双向('=')属性
- Angularjs指令丢失了数组格式过滤器
- 如何将过滤器传递到angular指令中,以便在ng-repeat中使用?
- 在angular中对指令的模板使用过滤器
- 在指令中使用Angular过滤器作为函数
- 如何在自定义指令中包含过滤器
- 自定义html货币过滤器或指令
- 如何将值从自定义指令传递到自定义过滤器
- AngularJS指令/用于显示分数的过滤器
- 具有双向绑定、过滤器和 ng 重复的角度指令