JavaScript中的输入类型数字的ng-model抛出错误1.3

前端之家收集整理的这篇文章主要介绍了JavaScript中的输入类型数字的ng-model抛出错误1.3前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个输入字段,我希望用户输入一个数字,所以我已经输入了一个type =“number”的输入字段.

当我使用它在1.2我没有错误

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.27/angular.min.js"></script>
    <script>
          var app = angular.module('app',[]);
            app.controller('MainCtrl',['$scope',function ($scope) {
                $scope.person = [
                {"name": "Alex","pts": "10"}
            ];
            }]);
    </script>
        <div ng-app="app">
                <div ng-controller="MainCtrl">
                  {{person | json }}<br>
                  name: <span ng-bind="person[0].name"></span></br>
                  <!-- pts: <input ng-model="person[0].pts"> -->
                  pts: <input type="number" ng-model="person[0].pts"><br?
            </div>
        </div>

http://codepen.io/anon/pen/dPKgVL

但是当我使用它在1.3我得到错误:[ngModel:numfmt],但是当我更新的数字,它似乎仍然绑定到范围.

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
    <script>
          var app = angular.module('app',"pts": "10"}
            ];
            }]);
    </script>
        <div ng-app="app">
                <div ng-controller="MainCtrl">
                {{person | json }}<br>
                  name: <span ng-bind="person[0].name">
                  name: <span ng-bind="person[0].name"></span></br>
                  <!-- pts: <input ng-model="person[0].pts"> -->
                  pts: <input type="number" ng-model="person[0].pts">
            </div>
        </div>

http://codepen.io/anon/pen/YPvJro

我在这里做错了什么,这是不用担心的?当我试图调试其他问题时,我宁愿不要在我的控制台中出现错误

@H_301_16@

解决方法

将pts属性定义为数字而不是字符串:
var app = angular.module('app',[]);
app.controller('MainCtrl',function ($scope) {
    $scope.person = [
        {"name": "Alex","pts": 10}
    ];
}]);
@H_301_16@ @H_301_16@ 原文链接:https://www.f2er.com/js/154193.html

猜你在找的JavaScript相关文章