循环内递增或递减文本框值（非属性）

Question

如下所示，循环中有输入标签39次

for (i = 0; i <= 39; i++) {
document.write("<button id='minus'>-</button><input type='text' id='input' value='0' ng-model='number" + i + "'><button id='plus'>+</button><br><br>");
};

let pb = document.getElementById("plus");
let mb = document.getElementById("minus");
let text = document.getElementById("input");

pb.onclick = function() {
let x = text.getAttribute("value");
text.setAttribute("value", ++x);
};

mb.onclick = function() {
let x = text.getAttribute("value");
if (x >= 1) {
text.setAttribute("value", --x);
};
};

但我需要的是当我在循环中单击旁边的按钮时，使用该特定的 ng-model 编号增加/减少文本框的值。

还有那些为上面的“Total”文本框提供信息的文本框，它显示文本框中所有值的加法。所以只是更新值属性不起作用，有点角度，所以请帮我解决这个问题。

(dev.pfokus.com/product/caponi) 打开此 url 并选择产品、数量和颜色选择，观察控制台的行为。在颜色框中写一些数字，总字段得到更新。请检查控制台并帮助我解决添加 +/- 按钮的问题。

(justpaste.it/5tbwj) 这是我的 webiste 目录中 angular js 指令中的代码。这是从文本框中获取输入值的内容，请尝试使用 +/- 按钮触发。

这些是当我将“1”添加到文本框以及通过键盘输入将“2”添加到同一文本框时的控制台图像。

enter image description here

enter image description here

提前致谢:)

Answer 1

看看JSFiddle：https://jsfiddle.net/dLuzemrx/

我也是 Angular JS 的新手，只是完成了相关工作。任何优化或更正，请随时进行。

JS代码：

var dataHTML = "";
for (i = 0; i <= 39; i++) {
    dataHTML += '<button ng-click="value_'+ i +' = value_'+ i +' - 1">-</button><input ng-value="value_'+ i +'"><button ng-click="value_'+ i +' = value_'+ i +' + 1">+</button><br><br>';
}
document.querySelector('[ng-app="myApp"]').innerHTML = dataHTML;
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
    $scope.myVar = "Hello World!";
    for (i = 0; i <= 39; i++) {
        $scope['value_'+ i] = 1;
    }
});