Angular JS обновляет поле ввода после изменения
Я пытаюсь создать в Angular простой калькулятор, в котором я могу переопределить итоговое значение, если захочу. У меня эта часть работает, но когда я возвращаюсь к вводу числа в полях один или два, общая сумма в поле не обновляется.
Вот мой jsfiddlehttp://jsfiddle.net/YUza7/2/
Форма
<div ng-app>
<h2>Calculate</h2>
<div ng-controller="TodoCtrl">
<form>
<li>Number 1: <input type="text" ng-model="one">
<li>Number 2: <input type="text" ng-model="two">
<li>Total <input type="text" value="{{total()}}">
{{total()}}
</form>
</div>
</div>
JavaScript
function TodoCtrl($scope) {
$scope.total = function(){
return $scope.one * $scope.two;
};
}