angularjs - Angular JS 更改后更新输入字段

Question

我正在尝试在 Angular 中构建一个简单的计算器，如果我愿意的话，我可以在其中覆盖总数。我已经完成了这部分工作，但是当我返回在字段一或字段二中输入数字时，字段中的总数不会更新。

这是我的 jsfiddle http://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;
    };
}

Answer 1

您可以将 ng-change 指令添加到输入字段。查看文档 example .