从输入类型number中获取带小数的整数值

Question

我有一个类型号的输入字段。我想在不失去焦点的情况下检索用户输入的精确值。

1. 当用户输入1时，应该返回1
2. 当用户输入11时，应该返回11
3. 当用户输入11.它应该返回11.（但它返回的值没有十进制-11）

我尝试的内容：我尝试了keyup事件，但元素的值总是没有小数。还尝试了modelctrl。解析器。push（）但当输入为十进制（点）时，不会触发解析器。

我已经检查了modelctrl$视图值，modelctrl$模型值。所有内容都返回不带小数的值。

我不知道它将返回完整值的正确事件。

Answer 1

<div ng-app="myApp" ng-controller="myCtrl">
No: <input type="text" ng-model="no" ng-change="changeNoDecimal(no)"><br>
{{no1}}
</div>


<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
    $scope.changeNoDecimal = function(no){
        $scope.no1 = Number(no).toFixed(2);
    }   
});
</script>

Answer 2

尝试像在这个演示小提琴。这是在JavaScript/AngularJS/HTML5中处理浮点值的正确方法。

<div ng-controller="MyCtrl">
  <input type="number" 
         step="0.01" 
         ng-class="{ 'error' : error }" 
         ng-model="test" 
         ng-change="change()" />
  <br >
  Number output: {{ test | number:2 }}
</div>

var myApp = angular.module('myApp',[]);

myApp.controller('MyCtrl', function ($scope) {
    $scope.test = 0.2;
    $scope.error = false;

    $scope.change = function () {

      console.log($scope.test);

      if (!$scope.test) {
            $scope.error = true;
      } else {
            $scope.error = false;
      }
    }
});