угловая директива не работает с типом ввода = «номер»

Question

Приведенный ниже код работает только в том случае, если тип ввода является текстом, и он не работает, когда тип является числом.

<div ng-app="myApp" ng-controller="myCtrl as model"> 
<input type="text" ng-model="cero" ng-decimal > 
</div> 


angular 
    .module("myApp",[]) 
    .controller('myCtrl', function($scope){ 
     var model=this; 
    }) 
    .directive('ngDecimal', function ($parse) { 
     var linkFunction =function(scope, element, attrs){  
      element.bind("keypress", function(event) { 
       if(event.which === 13) {  
        scope.$apply(function(){ 
         scope.$eval(attrs.format, {'event': event}); 
         if(scope.cero===undefined || scope.cero===''){ 
          scope.cero="0.", 
          event.preventDefault(); 
         }else{ 

         } 
        }); 
       } 
      }); 
     }; 
     return{ 
      restrict : 'A', 
      scope:{ 
       cero: '=ngModel' 
      }, 
      link: linkFunction 
     } 
    }); 

Что мне нужно, это изменить тип на номер и все еще делать код работы. Код также находится на CodePen.

Answer 1

Обновлено пера: http://codepen.io/anon/pen/QKOVkP?editors=1011

Работает с числом, ограничение быть вы не можете назначить

scope.cero = "0." // string value 

к a type="number", замените его на минимальный номер, который вы хотите назначить, возможно

scope.cero = parseFloat("0.01") // parseFloat("0.") won't work 

Answer 2

В другом случае добавьте это.

scope.cero = parseFloat(scope.cero).toFixed(2); 

Преобразовать строку в десятичную

Вот код: working code