angle型がinput type = "number"で機能しない

Question

以下のコードは、入力タイプがテキストの場合にのみ機能し、タイプがnumberの場合は機能しません。

<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

更新ペン：制約はあなたがに

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

を割り当てることができないという番号でhttp://codepen.io/anon/pen/QKOVkP?editors=1011

作品、 type="number"割り当てたい最小番号に置き換えてください。

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

Answer 2

else条件にこれを追加します。ここで

を10進数に

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

変換文字列はコードです：working code