Angular -使用$http获取数据时错误:[ngRepeat:dupes]
Angular - Error: [ngRepeat:dupes] when using $http to get data
嗨,我刚开始使用AngularJs,当使用$http获取数据和$scope时,我有问题。productinfo = data returns Error: [ngRepeat:dupes],下面是我的代码:
$scope.processForm = function(formData) {
$http({
method : 'POST',
url: '/quote-tool/productinfoforproductids/', // using php to generate json i.e [{id:1},{id:2}]
data: $('.js-checkedCompareForm').serialize(),
headers : { 'Content-Type': 'application/x-www-form-urlencoded' } // set the headers so angular passing info as form data (not request payload)
}).success(function(result) {
$scope.productInfos = result;
}).error(function(err) {
return err;
});
};
视图中的:
<div class="js-productInfo" ng-repeat="productInfo in productInfos">
{{ productInfo.id }}
</div>
我不确定角看到它是一个重复的dup?我一直在尝试使用track by $index,但仍然不工作,而是在视图中显示过多的重复。
当您在一个ngRepeat表达式中有重复的键时,会发生这种类型的错误。也许使用track by $index
会解决你的问题。看看这个链接:https://docs.angularjs.org/error/ngRepeat/dupes
<div class="js-productInfo" ng-repeat="productInfo in productInfos track by $index">
{{ productInfo.id }}
</div>
如果你仍然得到一个错误,请提供提琴/plunker。
我设法找到了这个问题,它是由php生成的json文件引起的,该文件生成了一个坏的json格式,导致数据响应中的错误。
was: {id:1},{id:2}
should be: {
"productInfos":[
{id:1},
{id:2}
]
}
相关文章:
- Node.js v6.2.0类扩展不是函数错误
- Jquery菜单操作不稳定,定位不正确,存在一般错误
- document.open/document.write没有正确地清除chrome中的文档——这是chrome的错误吗
- 试图在引导模式内动态生成图表,得到offsetWidth错误
- 为什么会出现错误;未捕获的类型错误:undefined不是函数;
- 我如何修复包含在captcha的addthis中的错误
- 同样,同样的错误'ahorcado.js:26未捕获类型错误:无法读取属性'beginPath'
- 节点是否需要模块传递带有方括号的arg?这是个错误吗
- Webpack/Rect:遵循egghead.io教程,但出现错误:您可能需要一个合适的加载程序来处理此文件类型
- CKFinder 3为所选文件返回错误的URL
- 同位素库错误:未捕获错误无布局模式包装生产线8
- 铬:“;未捕获的语法错误:意外的标记:"
- 如何通过自己获得Chrome扩展的用户反馈/错误报告
- Angular ngRepeat:重复错误(尽管没有重复的密钥)
- ngRepeat:重复数据消除错误,尽管没有重复
- 使用angular.js进行ng重复时出现错误:[ngRepeat:dups]
- Angular -使用$http获取数据时错误:[ngRepeat:dupes]
- 错误:[ngRepeat:iexp]期望表达式形式为'_item_ in _collection_[track
- 使用$routeParams undefined和ngRepeat:dupes错误
- angular.js:13920错误:[ngRepeat:dupes]在中继器中重复