Увеличение или уменьшение значения текстового поля (не атрибута) в цикле

Question

Есть входные теги в al oop для 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);
};
};

, но мне нужно увеличить / уменьшить значение текстового поля с указанным номером модели c ng, когда я нажмите на кнопки рядом с al oop.

А также те текстовые поля, предоставляющие информацию для текстового поля «Всего» выше, где оно отображает сложение всех значений в текстовых полях. просто обновление атрибута значения не работает, задействован бит angular, поэтому, пожалуйста, помогите мне решить эту проблему.

( dev.pfokus.com / product / caponi ) откройте этот URL и выберите продукт, количество, и он перенесет вас к выбору цветов, понаблюдайте, как консоль ведет себя. напишите некоторое число в поле цвета, и общее поле будет обновлено. пожалуйста, проверьте консоль и помогите мне решить проблему добавления кнопок +/-.

( justpaste.it / 5tbwj ) - это код в директивах angular js в моем каталоге веб-сайтов. это то, что берет входные значения из текстового поля, пожалуйста, попробуйте вызвать это с помощью кнопок +/-.

Это изображения консоли, когда я добавил «1» в текстовое поле и когда я добавил «2» в то же самое текстовое поле через ввод с клавиатуры.

введите описание изображения здесь

введите описание изображения здесь

Заранее спасибо :)

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;
    }
});