我的代码是这样的
<body>
<div>
<table ng-app='myApp' ng-controller="MainCtrl">
<thead>
</thead>
<tbody ng-repeat="prdElement in palletElement">
<tr><td>{{prdElement.name}}</td></tr>
<tr ng-repeat="data in prdElement.Data">
<td>
{{data.itemId}}
</td>
<td>
{{data.shipmentId}}
</td>
<td>
{{data.itemCode}}
</td>
<td>
{{data.description}}
</td>
<td>
{{data.handlingUnit}}
</td>
<td>
{{data.weight}}
</td>
<td>
{{data.class}}
</td>
<td>
{{data.lenght}}
</td>
<td>
{{data.width}}
</td>
<td>
{{data.height}}
</td>
<td>
{{data.flag}}
</td>
<td>
<input type="text" ng-model="data.quantity" placeholder=" Code" required />
</td>
</tr>
<tr>
<td>
<button ng-click="newPalletItem( prdElement,$event)">Submit</button>
</td>
</tr>
</tbody>
</table>
</div>
(function () {
angular.module('myApp', []).controller('MainCtrl', function ($scope) {
var counter = 0;
$scope.palletElement =
[{
name: 'Pallet 1',
Data:[{
name:'item 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: 'item 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.newPalletItem = function (palletElement, $event) {
counter++;
angular.forEach(palletElement, function (value, key) {
palletElement.push(palletElement);
});
}
});
}());
在单击最后一个按钮时，我尝试复制整个tbody，但它不起作用。有人知道吗？
<强> Fiddle
最佳答案
只需将 $scope.newPalletItem 函数更改为:
$scope.newPalletItem = function (palletElement, $event) {
counter++;
$scope.palletElement.push(palletElement);
}
关于javascript - AngularJS 中复制表失败，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/26271912/