Угловая 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