我的代码是这样的
<body>
<div>
<table ng-app='myApp'>
<thead>
</thead>
<tbody ng-controller="MainCtrl">
<tr ng-repeat="prdElement in palletElement">
<td>
{{prdElement.name}}
</td>
<td>
{{prdElement.itemId}}
</td>
<td>
{{prdElement.shipmentId}}
</td>
<td>
{{prdElement.itemCode}}
<td>
{{prdElement.description}}
</td>
<td>
{{prdElement.handlingUnit}}
</td>
<td>
{{prdElement.weight}}
</td>
<td>
{{prdElement.class}}
</td>
<td>
{{prdElement.lenght}}
</td>
<td>
{{prdElement.width}}
</td>
<td>
{{prdElement.height}}
</td>
<td>
{{prdElement.flag}}
</td>
<td>
<input type="text" ng-model="prdElement.quantity" placeholder=" Code" required />
</td>
<td>
<button ng-click="newPrdItem( prdElement,$event)">Submit</button>
</td>
</tr>
<tr>
</tr>
</tbody>
</table>
</div>
(function () {
angular.module('myApp', []).controller('MainCtrl', function ($scope) {
var counter = 0;
$scope.palletElement = [{
name: 'Pallet 1',
itemId: '284307',
shipmentId: 'eb44f690-c97a-40e3-be2a-0449559e171a',
itemCode: '',
description: 'Bicycle parts - frame',
quantity: '31',
handlingUnit: 'CTN',
weight: '613.04',
class:'',
lenght: '102',
width: '42',
height: '61',
flag:'P'
}, {
name: 'Pallet 2',
itemId: '284308',
shipmentId: 'eb44f690-c97a-40e3-be2a-0449559e171a',
itemCode: '',
description: 'Bicycle parts - fork',
quantity: '22',
handlingUnit: 'CTN',
weight: '242.99',
class: '',
lenght: '75',
width: '34',
height: '18',
flag: 'P'
}]
$scope.newPrdItem = function (prdElement, $event) {
counter++;
alert(prdElement.name);
prdElement.push({
name: prdElement.name,
itemId: prdElement.itemId,
shipmentId: prdElement.shipmentId,
itemCode: prdElement.itemCode,
description: prdElement.description,
quantity: prdElement.quantity,
handlingUnit: prdElement.handlingUnit,
weight: prdElement.weight -10,
class: prdElement.class,
lenght: prdElement.lenght,
width: prdElement.width,
height: prdElement.height,
flag: prdElement.flag,
});
}
});
}());
对我来说一切看起来都不错，但这会在单击按钮时引发未知错误
TypeError: undefined is not a function at Scope.$scope.newPrdItem
最佳答案
您通过对 push 发出调用来将 prdElement 视为数组，但这实际上是从 View 传递的对象:
这条线是失败的。
prdElement.push({
我将创建一个单独的数组来跟踪被单击的项目
var items = [];
$scope.newPrdItem = function (prdElement, $event) {
counter++;
alert(prdElement.name);
items.push({
name: prdElement.name,
itemId: prdElement.itemId,
shipmentId: prdElement.shipmentId,
itemCode: prdElement.itemCode,
description: prdElement.description,
quantity: prdElement.quantity,
handlingUnit: prdElement.handlingUnit,
weight: prdElement.weight -10,
class: prdElement.class,
lenght: prdElement.lenght,
width: prdElement.width,
height: prdElement.height,
flag: prdElement.flag,
});
}
关于javascript - AngularJS 抛出未知错误，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/26258112/