javascript - 将项目添加到数组 Angular

Question

我有一个包含这些字段的表:product、lot、input1、input2。您可以克隆一行，也可以添加一个新行。

我想要做的是，对于每一行，您可以添加一个新的批处理，该批处理由用户在选择 批处理 下的输入字段中写入的“数字”和“id”创建。我希望脚本在 json 数据和 lot 的选项列表中添加新的 Lot。

这是我尝试做的add函数:

$scope.addLot = function() {
    var inWhichProduct = row.selectedProduct;
    var newArray = {
        "number": row.newLot.value,
        "id": row.newLot.id
    };

    for (var i = 0; i < $scope.items.length; i++) {
        if ($scope.items[i].selectedProduct === inWhichProduct) {
            $scope.items[i].selectedLot.push(newArray);
        }
    }
};

-->> THIS <<-- 是完整代码。

你能帮帮我吗？

Answer 1

我认为您的问题过于宽泛，无法在 Stack Overflow 上回答，但这里有一个尝试:

<div ng-app="myApp" ng-controller="myCtrl">
    <table>
        <tr ng-repeat="lot in lots">
            <td>{{ lot.id }}</td>
            <td>{{ lot.name }}</td>
        </tr>
    </table>
    <p>name:</p> <input type="text" ng-model="inputName">
    <p>id:</p> <input type="text" ng-model="inputId">
    <button ng-click="addLotButton(inputId, inputName)">Add</button>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.0-beta.2/angular.min.js"></script>
<script>
    var app = angular.module('myApp', []);
    app.controller('myCtrl', function($scope) {
        $scope.lots = [{
            name: "test",
            id: 1
        },

        {
            name: "test2",
            id: 2
        }

        ];

        $scope.addLot = function(lotId, lotName) {
            var newLotObject = {
                name: lotName,
                id: lotId
            };

            $scope.lots.push(newLotObject);
        };

        $scope.addLotButton = function(id, name) {
            $scope.addLot(id, name);
        };

        $scope.addLot(3, "Another test");


    });
</script>

基本上这段代码只是接受一些输入并将一个对象添加到该输入的范围。该表是使用此数据的 ng-repeat 创建的。这根本不是很好的代码，但它只是一个简单的例子。