Well,
I create a a normal form, containing this input.
<label class="item item-input item-stacked-label">
<span class="input-label">Total (R$)</span>
<input type="number" lang="pt-br" ng-model="evento.cost" currency >
<!-- <input type="text" ng-model="test" format="number" />--></label>
After this, i create a directive to mask my input in a currency format.
check the code below.
angular.module("currency")
.directive('currency', function ($filter) {
return {
require: 'ngModel',
link: function (scope, element, attrs, ctrl) {
if (!ctrl) return;
element.bind("keyup", function () {
if (ctrl.$viewValue) {
// console.log("KEYUP >> " + ctrl.$viewValue);
var result = $filter('currency')(ctrl.$viewValue, {
prefix: '',
centsSeparator: ',',
thousandsSeparator: '.'
});
// result = result.replace(',','.');
ctrl.$setViewValue(result);
ctrl.$render();
// setCaretPosition( setCaretPosition(element[0],ctrl.$viewValue.lenght));
}
})
}
};
});
The problem happens because i the input type number don’t allow commas, but if set the input as a text one, the keyboard that shows up to user on mobile devices is the text keyboard.
What made the value insertion difficult.
So i’m trying to manipulate the keyboard to force it to present the number keyboard even when the input were set as a text one.
did you get?
Ps. sorry i know that my english sucks.
