Bad Usability "ui-percentage-mask="2" + ui-negative-number" #334

Activity

1. ivanguimam commented on Mar 26, 2018

   

   ivanguimam

   on Mar 26, 2018

   Author

   More actions

   Edit the parse function in the src/global/percentage/percentage.js file

   ...
   var actualNumber = parseFloat(modelMask.apply(valueToFormat));
   
   if (isNaN(actualNumber)) { // ADD THIS CONDITION TO FIX THE PROBLEM
       actualNumber = parseFloat(modelMask.apply(value.replace(/[^0-9]/g,'')))
       valueToFormat = PreFormatters.clearDelimitersAndLeadingZeros(value) || '0'
       formatedValue = viewMask.apply(valueToFormat) + percentageSymbol;
   }
   
   if (angular.isDefined(attrs.uiNegativeNumber)) {
   ...
   
2. lucasjorge944 commented on May 30, 2022

   

   lucasjorge944

   on May 30, 2022

   Last edited by lucasjorge944

   More actions

   I created this fix directive, to apply with percentage directive and solved the problem for me.

   angular.module("nucont").directive("fixInputMask", function () {
       return {
           restrict: "A",
           require: "ngModel",
           link: function (scope, element, attrs, ctrl) {
               element.on("keyup", function (ev) {
                   scope.$apply(function () {
                       if (isNaN(ctrl.$modelValue)) {
                           const value = `-0,${Number(ev.key)}0`;
   
                           ctrl.$setViewValue(value);
                           ctrl.$render();
                       }
                   });
               });
           }
       };
   });