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

Build chart inside all items inside ng-repeat

本文关键字：构建 项目 ng repeat      更新时间：2023-09-26

我正在尝试在ng repeat中使用Easy Pie Chart插件。但是，当所有项目都被渲染时，我如何调用图表构造函数（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();

AngularJS不能以这种方式工作。我建议你写一个角度指令，在它的链接函数中，你将能够访问该元素并对其应用easyPieChart（）

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