Question

我正在尝试在ng-repeat中使用Easy Pie Chart plugin。但是，当渲染所有项目时，如何调用图表构造函数（JS）？

<a ng-repeat="meta in metas.metas.lista" class="item item-avatar" style="padding-left: 16px;top:45px;">                
   <!-- Chart here -->
   <div class="chart" data-percent="{{meta.score.ScoreMeta | number:0}}">{{meta.score.ScoreMeta | number:0}}</div>
</a>

要构建图表，我需要以下JS代码

$('.chart').easyPieChart();

Answer 1

AngularJS无法正常工作。我建议你写一个angular指令，在它的链接函数中，你将能够访问该元素并将easyPieChart（）应用于它。

angular.module('whatever-app-it-is')
.directive('chart', function() {
  return {
     restrict: 'C',
     link: function(elem, attr) {
       jQuery(elem).easyPieChart();
     }
  }
})

在ng-repeat内的所有项目内构建图表

1 个答案: