角度 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;   

更新的小提琴

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