完成ng-repeat渲染元素后执行自定义操作

Question

我需要使用ng-repeat的结果对DIV元素进行操作：

   <div ng-repeat="data in info" >
       <div id='plot_{{data.id}}'></div>   
   </div>

我的顺序如下：

1. 我在$ scope.info
中添加信息
2. ng-repeat发生
生成DIV之后
3. （如您所见，它也有动态分配的ID），我需要调用一个特定的例程将一个图插入到DIV中。

如何在ng-repeat渲染发生后立即编写步骤3的代码？

Answer 1

创建一个指令以继续生成div，并在指令中插入您的绘图。

app.directive('plot', function(){
  return function(scope, element, attrs){
    //Insert plot here
    //Maybe something like: $.plot(element, yourData);
    console.log('directive ' + scope.data.id + ' done');
  }
});

HTML：

<div ng-repeat="data in info" >
   <div id='plot_{{data.id}}' plot></div>   
</div>

Demo