Question

我有一个带有ng-repeat行的表，如下所示

<tr ng-repeat="lineItem in lineItems">
    <td><input type="checkbox" ng-model="lineItem.selected"/></td>
    <td>
        <select class="form-control" ng-model="lineItem.itemNo" ng-options="x as x.itemCode for x in vm.items" name="ItemCode" style="width: 100%;">
          <option value="0">Select Item</option>
        </select>
    </td>

    <td><input type="text" class="form-control" ng-model="lineItem.itemNo.itemName" required /></td>
    <td><input type="number" class="form-control" ng-model="lineItem.quantity" required /></td>
    <td><input type="number" class="form-control" ng-model="lineItem.itemNo.unitPrice" required /></td>
    <td><span ng-model="lineItem.lineTotal">{{getLineTotal(lineItem)}}</span></td>
</tr>

我有按钮，可以使用以下角度函数

在表格中添加/删除行

$scope.lineItems = [];
$scope.addNewRow = function (lineItem) {
                $scope.lineItems.push({
                    'itemNo': '',
                    'itemNo.itemName': '',
                    'quantity': 1,
                    'itemNo.unitPrice': ''
                });
            }; //new row adds appropriately

现在我打算将$scope.lineItems数组发送到服务器进行处理，但是尽管填充了客户端上的控件，但数组中的itemNo.itemName和itemNo.unitPrice不包含任何值。这似乎是一个简单的问题，但我很难解决它。

请参阅Fiddle

在AngularJS中的数组中监听表行值

0 个答案: