Angular JS - 模型不更新数字输入字段

Question

我有以下内容,我确信这里有一些简单的解决方案,我只是在俯视.我正在将数据加载到模型中,但它没有更新输入字段.

<div ng-app>
  <h2>Testing</h2>
  <div ng-controller="MyCtrl">
  From: <input name="Price" type="number" ng-model='object.number["From"]' /> 
  To: <input name="Price" type="number" ng-model='object.number["To"]' />
  </div>
</div>

和JavaScript:

function MyCtrl($scope) {
    $scope.object = {number : {}};
    $scope.object['number'] = {From: null, To: null}
    console.log($scope.object['number']);

    $scope.loadPrice = function(){
        $scope.object['number'].From = "5";   
        $scope.object['number'].To = "5";   
    }

    $scope.loadPrice();
    console.log($scope.object['number'])

}

包括小提琴:

http://jsfiddle.net/pCnfH/6/

Answer 1

您将输入约束为type="number"但是将值设置为字符串:$scope.object['number'].To = "5";

因此,您要么将值设置为数字:

$scope.object['number'].From = 5;   
$scope.object['number'].To = 5;   

更新小提琴

或者删除数字约束:那个小提琴