简单的饼图指令角度

1 directive angularjs pie-chart angularjs-ng-repeat

我正在尝试"集成"一个名为" 简单饼图 "的jQuery插件,但是我遇到了一些问题,你有没有做过这样的事情:

基本上,我正试图从这个插件做一个指令.我做了几个测试,但还没有工作.

在这里,我列出了我尝试的变化:

  • 在jquery ready事件等效项上创建图表,在ng-repeat之外.这很有效
  • 在ng-repeat内部的jquery ready事件等效项上创建图表.这很有效
  • 将插件翻译为指令,在ng-repeat内部无法正常工作
  • 在ng-repeat之外将插件翻译为指令不起作用

具有上述变化的Plunkr

ren*_*dro 6

2.0.0版包含一个角度指令.对于每个简单的饼图实例,您需要一个带有百分比对象的ng控制器.通过CSS内联样式表示法中的easypiechart-attribute配置选项.存储库中包含的demo/angular.html显示了如何将范围滑块和饼图实例粘合在一起.

希望这可以帮助.

编辑: 在2013年10月10日发布的版本2.0.4中,您可以在一个控制器上实例化多个图表.回购中的angluar演示展示了它是如何完成的.