ng-repeat中输入的附加功能

时间:2015-12-12 23:12:47

标签: javascript angularjs

有人可以指出我正确的方向或给我任何关于如何使用动态创建的输入使用加法功能并且与ng-repeat(大多数是多于一个)一样长的任何东西?我无法通过ng-model将输入与函数连接起来,因此无法完成任何事情。

最简单的形式就是这样......

<div ng-repeat="gameName in gameNames track by $index">
    <p> {{gameName.title}}</>
    <input type="number" > 
</div>

结果:{{total}}

将永远感恩。

1 个答案:

答案 0 :(得分:2)

首先,您需要在输入中添加ng模型,以便角度可以跟踪它:

$scope.total = function() { 
     var total = 0;
     angular.forEach($scope.gameNames, function(gameName, key) {
         total = total + gameName.value;
     });

对于计算字段,请向控制器添加方法

var parent = document.body
var child = document.getElementById("clueDiv")
parent.removeChild(child);

然后直接绑定到它。它将知道何时需要重新计算,因为其组成值会发生变化。