angularJs

时间:2015-09-27 17:20:02

标签: javascript angularjs

我正在使用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");
    });
  }
});

0 个答案:

没有答案