输入框中的Angularjs货币格式
Angularjs currency formatting in input box
嗨!我有以下输入框:
<div ng-repeat="item in items"
<input ng-model="item.cost" />
</div>
我正试图弄清楚如何将"货币"过滤器应用于输入框。这样,当显示值时,它会显示$符号和正确的货币符号。我可以使用{{item.cost | currency }}
处理跨度,但如果需要,我需要可以编辑框来更改值。请告诉我如何将货币过滤器应用于输入框。感谢
试试这个
.directive('currencyFormatter', ['$filter', function ($filter) {
formatter = function (num) {
return $filter('currency')(num);
};
return {
restrict: 'A',
require: 'ngModel',
link: function (scope, element, attr, ngModel) {
ngModel.$parsers.push(function (str) {
return str ? Number(str) : '';
});
ngModel.$formatters.push(formatter);
element.bind('blur', function() {
element.val(formatter(ngModel.$modelValue))
});
element.bind('focus', function () {
element.val(ngModel.$modelValue);
});
}
};
}]);
和html
<div ng-repeat="item in items">
<input ng-model="item.cost" currency-formatter/>
</div>
<div ng-repeat="item in items">
{{item.cost}}
</div>
相关文章:
- 将数字四舍五入到小数点后两位,以设置货币格式
- 如何使用jquery对货币格式的数字求和
- 获取日期和货币格式
- 通过javascript在文本字段中显示货币格式
- Java脚本插件,用于将数字转换为特定于区域性的货币格式,并将具有特定货币格式的非格式化数字转换为普通数字
- 正则表达式货币格式 - javascript
- 正则表达式仅用于数字,也屏蔽货币格式
- 多种AngularJS货币格式,使用i18n(欧元,DE)
- 我如何在胡子中将十进制格式设置为货币格式
- 如何在JS中转换为货币格式
- JavaScript 美国货币格式
- 带有逗号和小数的正确 JS 货币格式
- 如何使用 jQuery 键入时设置货币格式
- Javascript 中的总计计算,用于处理货币格式(MinusSignNegative)
- 印度卢比货币格式
- 使用 JQuery 删除欧元价值和货币格式
- 我想将输入的字符串分隔为印度货币格式,就像我输入123456表示一样,那么我想得到 1,23,456
- 实现货币格式 Chromecast Sender Chrome
- 带有ng-model的输入框中的Angularjs货币格式:如何让$formatters在每个输入上触发
- 将数字格式转换为货币格式