有没有一种方法可以检测重复项何时以稳定的角度1.0.8完成加载？

Question

在ng-repeat div标签之间，

我有div.cover_container.fetched元素， div.cover_container.fetched元素显示使用$http.get获取的数据

我想在这些元素上附加事件处理程序，但是我不能这样做，因为有时它们还没有完成加载。

负责附加事件处理程序的函数是activateGear

即使我将activateGear放置在成功部分中，但由于执行该函数时div.cover_container.fetched不存在，所以activateGear并不总是起作用。

$http.get(url).success(function(data, status, headers, config) {
      var items = data.stories;
      this.maxLimit = data.paging.count;
      for (var i = 0; i < items.length; i++) {
        if (this.items.length < this.maxLimit) {
          this.items.push(items[i]);
        }
      }
      activateGear();

activateGear是将事件处理程序附加到重复元素上的​​函数。

如何在angularjs 1.0.8中实现以上要求？

更新：

我设法使用setInterval作为解决方法来达到效果。

希望我能在没有这种解决方法的情况下得到想要的东西。

  MyWorks.prototype.nextPage = function() {
    if (this.busy) return;
    this.busy = true;
    var url = "/my_works?page=" + this.page + "&top=" + this.perPage + "&callback=JSON_CALLBACK";
    $http.defaults.headers.get = { 'Accept' : 'application/json', 'Content-Type' : 'application/json' };
    $http.get(url).success(function(data, status, headers, config) {
      var items = data.stories;
      this.maxLimit = data.paging.count;
      for (var i = 0; i < items.length; i++) {
        if (this.items.length < this.maxLimit) {
          this.items.push(items[i]);
        }
      }

      this.page = parseInt(this.items.length / this.perPage) + 1;

      var currentMyWorks = this;
      var theIntervalId = setInterval(function() {
        if (currentMyWorks.busy == false) {
          activateGear();
          clearInterval(theIntervalId);
        }
      }, 300);
      this.busy = false;

Answer 1

最好的方法是让您分开关注点。

将视图变成指令，您可以在其中利用link功能对完成渲染的元素进行操作。

$http是您将在服务中使用的提供程序，因此，这不是进行DOM操作的地方，如果您试图在控制器中使用它，则更是如此。

有关角度指令的文档，请阅读此处和大量的学习资源： egghead.io