ng-repeat中的指令不能按预期工作

Question

我有一个ng-repeat，后面填充了来自后端的数据。

<div ng-repeat = "data in Helper.data" class="col-xs-12 col-sm-3 col-md-3 col-lg-3">
  <div class="easy-pie-chart txt-color-orangeDark" data-percent="33" data-pie-size="50">
    <span class="percent percent-sign">{{((data.doc_count/data.size)*100)|number:0}}</span>
  </div>
  <span class="easy-pie-title"> @{{data.key|uppercase}} <i class="fa fa-caret-up icon-color-bad"></i> </span>
    <ul class="smaller-stat hidden-sm pull-right">
      <li>
        <span class="label bg-color-greenLight"><i class="fa fa-caret-up"></i> {{((data.doc_count/data.size)*100)|number:0}}%</span>
      </li>
     <li>
       <span class="label bg-color-blueLight"><i class="fa fa-caret-down"></i> 44%</span>
     </li>
   </ul>
   <div class="sparkline txt-color-greenLight hidden-sm hidden-md pull-right" data-sparkline-type="line" data-sparkline-height="33px" data-sparkline-width="70px" data-fill-color="transparent">
                  130, 187, 250, 257, 200, 210, 300, 270, 363, 247, 270, 363, 247
   </div>
</div>

在上面的代码中，我们有easyPieChart指令（应该是一个包装器Easy Pie Chart，我用模板得到它），一旦ng-repeat完成，它应该显示饼图。但由于某种原因，它没有按预期工作。可能是在ng-repeat完成之前编译的easyPieChart指令。我该如何解决这个问题？

请帮助