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; 

updated fiddle

或刪除數量限制：that fiddle