我正在使用angularJS开发一个项目,但是我不太确定在框架中处理这个问题的最佳方法。
我有一个端点发出请求并使用一些参数搜索一些数据,一旦成功,它将遍历表并返回匹配项。
对于每个项目,我进行HTTP调用以获取一些数据,成功响应将创建将在标记中使用的范围。
如何在循环中重复使用相同的HTML并每次设置/重新设置范围,以便为每个项目生成标记...或者可能是更好的'角度特定'方法..谢谢
HTML (这是我想重复使用的标记)
<div class="carouselWrapperOuter">
<div class="carouselWrapper">
<ul rn-carousel rn-carousel-controls rn-carousel-duration="300" class="image carouselholder">
<li ng-repeat="stuff in homeData" class="square" data-url="{{stuff.id}}" ng-click="trackOpen()">
<div class="squareThumb">
<img ng-src="{{stuff.artwork_url}}">
</div>
<div class="itemTitle">{{stuff.title}}</div>
</li>
</ul>
</div>
</div>
JS
angAppFactory.getUser({
where: {
endpointname: "sourcename",
username: "user123"
}
}).success(function(success) {
console.log(success)
//returns a couple of results which would make the following request AND use the markup/set the scope for each item
for (var i = 0; i < success.results.length; i++) {
var endpointid = success.results[i].sourceid
$http({
method: 'GET',
url: 'http://someurl.com'
}).success(function(data) {
//console.log(data)
//scope being set
$scope.homeData = data;
}).error(function() {
alert("error");
});
}
});