嵌套ng重复不工作angularJS
Nested ng-Repeat not working angularJS
我的代码是这样的
<table ng-app='myApp'>
<thead>
</thead>
<tbody ng-controller="MainCtrl">
<tr ng-repeat="prdElement in palletElement">
<td>{{prdElement.name}}</td>
<tr ng-repeat="data in prdElement.data">
<td>
{{data.itemId}}
</td>
<td>
{{data.shipmentId}}
</td>
<td>
{{data.itemCode}}
<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="prdElement.quantity" placeholder="Code" required />
</td>
</tr>
<tr>
<td>
<button ng-click="newPalletItem(palletElement,$event)">Submit</button>
</td>
</tr>
</tr>
</tbody>
</table>
(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'
}]
}]
}
});
}());
在我看来一切都很好,但不起作用,有人能指出我做错了什么吗?
Fiddle
从tbody
中删除ng-controller="MainCtrl"
并将其添加到table
上
将prdElement.data
更改为prdElement.Data
并尝试
请参阅演示
相关文章:
- AngularJS UI路由器不能像ng路由器那样工作
- AngularJS ng开关或类似的动态值工作
- $timeout如何在angularJs中工作
- OnsenUI AngularJS数据绑定无法正常工作
- AngularJs中的自动完成功能无法正常工作
- AngularJS指令意外地协同工作
- AngularJS循环不工作
- AngularJS控制器不工作,为什么?(简单的控制器示例)
- 路由不'我不在AngularJS工作
- AngularJS代码不工作
- AngularJS绑定没有'在没有填充父范围的情况下无法工作
- AngularJS下拉菜单多选不工作
- angularjs模块不工作
- 删除功能不工作angularjs
- 嵌套ng重复不工作angularJS
- json文件未在服务器上加载,但在本地工作-AngularJs
- 自定义模糊不能正常工作[AngularJS]
- $timeout前的行不能工作(angularjs)
- 多项目casrousel代表类=“;项目活动”;不工作-AngularJS
- 指令隔离范围不能与嵌套视图一起正常工作?(AngularJS/UI路由器)