我编写了代码来重复一个图像数组和一个load more按钮,以向该数组中的ajax请求和推送响应图像。但每次有新的回应到来,整个图像就会重新洗牌。
<div class="container">
<div ng-repeat="image in images track by $index">
<div class="panel panel-default">
<div>
<img ng-src="{{image.Src}}" alt="" height="200" width="200">
</div>
</div>
</div>
</div>
在我的控制器代码中:
$scope.loadMore = function () {
pageNumber ++;
homeService.getListData(pageNumber)
.then(function (data) {
for (var i = 0; i < data.length; i++) {
$scope.images.push(data[i]);
};
});
};
};
每次服务器发送三张图片。之前我没有使用track by $index
,然后在from this SO answar中我添加了track by $index
,但没有成功。
我认为angular正在重新渲染整个数组。如果是这样,我如何停止这个重新渲染?
https://stackoverflow.com/questions/41555504
复制相似问题