angularjs 根据点击创建动态 div 并按行计算总计

Question

我需要动态创建其中包含一些值（固定值）的行，我想显示这些值以及每一行的这些值的总和。然后我想更新其中的一些值，看看我的 SUM 也发生了变化：

这是我的代码： HTML:

<div id="containerEsterno" class="row m-lg border-bottom">
    <button ng-click="vm.add()">New Item</button>
    <br>
    <div class="row m-xs" id="containerInterno">
        <label>question</label>
        <label>text</label>
        <label>checkbox</label>
        <label>addendo1</label>
        <label>addendo2</label>
        <label>risultato</label>
    </div>
    <div class="row" id="containerInterno" ng-repeat="item in vm.items">
        <input ng-model="item.question" type="text">
        <input ng-model="item.text" type="text" >
        <input ng-model="item.inlineChecked" type="checkbox" >
        <input ng-model="item.addendo1" type="number" >
        <input ng-model="item.addendo2" type="number" >
        <input ng-model="item.risultato" ng-value="item.addendo1+item.addendo2" class="colonnasmall">
    </div>
</div>

这是我的 JavaScript:

this.add = function() {
      vm.items.push({ 
          inlineChecked: false,
          question: "",
          text: "",
          addendo1 : 1,
          addendo2 : 2,
          risultato: addendo1+addendo2,
    });
  };

但这给了我错误： ReferenceError: resultato 未定义.....

我将结果更改为=0（在javascript），

我更改了 ng-model

<input ng-model="item.risultato" ng-value="item.addendo1+item.addendo2" class="colonnasmall">

到

<input ng-model="item.risultato=item.addendo1+item.addendo2" class="colonnasmall">

它有效但给了我一个错误：

错误：ngModel:nonassign 不可分配的表达式

谁能帮帮我？？非常感谢

Answer 1

在JS中使用（无需添加默认值）：

this.add = function() {
  vm.items.push({ 
      inlineChecked: false,
      question: "",
      text: "",
      addendo1 : 1,
      addendo2 : 2
});
};

在 HTML 中，删除两个操作数上的 ng-value naduse ng-change:

    <input ng-model="item.addendo1" type="number" ng-change="item.risultato = item.addendo1+item.addendo2" >
    <input ng-model="item.addendo2" type="number" ng-change="item.risultato = item.addendo1+item.addendo2" >
    <input ng-model="item.risultato"  class="colonnasmall">

angularjs 根据点击创建动态 div 并按行计算总计

angularjs create dynamic divs based on click and calculate in rows totals

javascript

sum

dynamic

angularjs

angular-ngmodel