Javascript 嵌套ng重复不工作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'
        }]
        }]

    }
    });
}());

{{prdElement.name}
{{data.itemId}
{{data.shipmentId}
{{data.itemCode}
{{data.description}
{{data.handlingUnit}
{{data.weight}}
{{data.class}}
{{data.lenght}
{{data.width}
{{data.height}}
{{data.flag}
提交
（功能（）{
角度.module（'myApp'，[]）.controller（'MainCtrl'，function（$scope）{
var计数器=0；
$scope.palletElement=
[{
名称：“托盘1”，
数据：[{
名称：'item 1'，
itemId:'284307'，
shipmentId:'eb44f690-c97a-40e3-be2a-0449559e171a'，
项目代码：“”，
说明：“自行车零件-车架”，
数量：“31”，
handlingUnit:‘CTN’，
重量：'613.04'，
类别：“”，
长度：'102'，
宽度：'42'，
身高：'61'，
旗帜：'P'
}, {
名称：“项目2”，
itemId:'284308'，
shipmentId:'eb44f690-c97a-40e3-be2a-0449559e171a'，
项目代码：“”，
描述：'自行车零件-叉'，
数量：'22'，
handlingUnit:‘CTN’，
重量：'242.99'，
类别：“”，
长度：'75'，
宽度：'34'，
身高：'18'，
旗帜：“P”
}]
}]
}
});
}());

在我看来一切正常，但不起作用，有人能指出我做错了什么吗

---

从

tbody

中删除

ng controller=“MainCtrl”

，并将其添加到

表中

将

prdElement.data

更改为

prdElement.data

，然后重试

---

请参见

如果我没有错的话，您正在

中执行

。您可能放错了标记。因此，

{{{data.itemCode}}

没有结束标记。@LearningNeverStops OK。猜猜它为什么不工作？@Athul如何先修复小提琴中的语法错误？@isim完成。仍然不工作

ng控制器

可以保留在

t车身

中。OP只需要修复javascript语法错误。还有，我自己尝试用嵌套的中继器嵌套

标记的经验导致中继器有点放弃了。没有控制台错误，只是中继器拒绝工作。我假设angular在中继器中有某种语法检查或类似的检查，不确定。解决方案是使用嵌套的

标记，这是有效的，完全可以做到，并且中继器没有这些问题。