变更后角JS更新输入字段 [英] Angular JS update input field after change

问题描述

我想建立一个角度简单的计算器中，如果我想我可以覆盖全部。我有这部分的工作，但是当我再回去，进入一些领域中的一个或两个，总不更新的领域。

下面是我的jsfiddle http://jsfiddle.net/YUza7/2/

形式

 ＆LT; D​​IV NG-应用＆GT;
  ＆LT; H2＆GT;计算并LT; / H＆GT;  ＆LT; D​​IV NG控制器=TodoCtrl＆GT;
    ＆LT;形式为GT;
        ＆LT;立GT;数量1：LT;输入类型=文本NG模型=一＆GT;
        ＆LT;立GT; 2号：LT;输入类型=文本NG模型=两化＆GT;
        ＆LT;李个总＆LT;输入类型=文本VALUE ={{总（）}}＆GT;
        {{总（）}}
    ＆LT; /表及GT;
  ＆LT; / DIV＆GT;
＆LT; / DIV＆GT;
 

JavaScript的

 函数TodoCtrl（$范围）{
    $ scope.total =功能（）{
        返回$ scope.one * $ scope.two;
    };
}
 

解决方案

您可以添加 NG-变化指令输入字段。看看该文档例如。

I'm trying to build a simple calculator in Angular in which I can override the total if I want. I have this part working but when I then go back to enter in a number in fields one or two the total isn't updated in the field.

Here is my jsfiddle http://jsfiddle.net/YUza7/2/

The form

<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>

The javascript

function TodoCtrl($scope) {
    $scope.total = function(){
        return $scope.one * $scope.two;
    };
}

解决方案

You can add ng-change directive to input fields. Have a look at the docs example.

这篇关于变更后角JS更新输入字段的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！