Html AngularJS中数组中缺少表行值
我有一个带有ng repeat行的表,如下所示Html AngularJS中数组中缺少表行值,html,angularjs,Html,Angularjs,我有一个带有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
<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
数组发送到服务器进行处理,但是数组中的itemNo.itemName
和itemNo.unitPrice
不包含任何值,尽管填充了客户端上的控件。这似乎是个简单的问题,但我很难解决它
请参见如果有代码段的工作示例(例如JSFIDLE、stackoverflow inbuild snippet..),这将非常有用@elpddev请查看我编辑的问题。@KaceyEzerioha类似的内容@是的。但问题是,我的问题中所述的
itemNo.itemName
和itemNo.unitPrice
没有在模型中使用任何控件值。我不知道你是否理解我的意思?@KaceyEzerioha我不确定整个代码,但是当对象中的键是itemNo.itemNo.itemName时,我这样做是因为ng model=“lineItem.itemNo.itemName”
是不符合脚本的:)这意味着在角度表达式中,解析器认为你试图进入lineItem[itemNo][itemName]
而不是lineItem['itemNo.itemName']
。最好不要在键名中使用点。如果有代码段的工作示例(例如JSFIDLE、stackoverflow inbuild snippet…)@elpddev请查看我编辑的问题。@KaceyEzerioha类似的内容@是的。但问题是,我的问题中所述的itemNo.itemName
和itemNo.unitPrice
没有在模型中使用任何控件值。我不知道你是否理解我的意思?@KaceyEzerioha我不确定整个代码,但是当对象中的键是itemNo.itemNo.itemName时,我这样做是因为ng model=“lineItem.itemNo.itemName”
是不符合脚本的:)这意味着在角度表达式中,解析器认为你试图进入lineItem[itemNo][itemName]
而不是lineItem['itemNo.itemName']
。最好不要在键名中使用点。
$scope.lineItems = [];
$scope.addNewRow = function (lineItem) {
$scope.lineItems.push({
'itemNo': '',
'itemNo.itemName': '',
'quantity': 1,
'itemNo.unitPrice': ''
});
}; //new row adds appropriately