Angularjs 通过指令将数字转换为货币
我正在尝试将数字转换为货币,假设用户在文本框中输入5,我想自动更正它,比如$5.00,因为我正在尝试编写指令,但不知道如何使它第一次作为指令工作Angularjs 通过指令将数字转换为货币,angularjs,angularjs-directive,Angularjs,Angularjs Directive,我正在尝试将数字转换为货币,假设用户在文本框中输入5,我想自动更正它,比如$5.00,因为我正在尝试编写指令,但不知道如何使它第一次作为指令工作 (function () { 'use strict'; angular.module('commonModule') .directive('srCurreny', function (utilSvc) { return { restrict: 'A', require: '
(function () {
'use strict';
angular.module('commonModule')
.directive('srCurreny', function (utilSvc) {
return {
restrict: 'A',
require: 'ngModel',
link: function (scope, element, attrs, model) {
element.bind('blur', function (event) {
var val = element.val();
if (!utilSvc.isEmptyOrUndefined(val)) {
var transform = currency + " " + val.toFixed(2).replace(/(\d)(?=(\d{3})+\.)/g, "$1,");
model.$setViewValue(element.val(transform));
scope.$apply();
}
});
}
};
});
})();
我建议使用Angular的内置货币过滤器,或者,如果不能满足您的需要,您可以创建自己的过滤器 JS 首先在
控制器中设置金额
angular.module('commonModule')
.controller('aController', ['$scope', function (scope) {
scope.amount = 5;
}])
.directive('srCurrency', ['$filter', function ($filter) {
return {
restrict: 'A',
require: 'ngModel',
link: function (scope, el, attrs, ngModel) {
function onChangeCurrency () {
ngModel.$setViewValue($filter('currency')(ngModel.$viewValue, '$'));
ngModel.$render();
}
el.on('blur', function (e) {
scope.$apply(onChangeCurrency);
});
}
}
}]);
HTML
<div ng-app='app' ng-controller="aController">
<input type="text" sr-currency ng-model='amount' />
</div>
过滤器通常最适合简单的文本操作,它甚至存在,但我想在用户移动到下一个字段时立即更改它。非常感谢,这就是我一直在寻找的