angularjs - angularJS的jquery插件easyPieChart指令

Question

我正在尝试为jquery 简单饼图编写指令。

按照教程，这是我到目前为止的代码..

angular.module('ysf.easyPieChart', []).directive('easyPieChart', function() {
    return {
        restrict: 'C',
        scope: {
            percent: '='
        },
        link: function(scope, elem, attrs) {
            support._debug(elem.easyPieChart, 'element value');
            support._debug(scope.percent, 'scope value');
            //support._debug(this, 'this');
            $(elem.easyPieChart).easyPieChart();
        }
    }

});

这就是我从模板中调用它的方式

<div class='easyPieChart' percent='73'>73</div>

1.它确实画了一个圆圈，但它不是它应该在的地方。2. 它没有填满我正确的百分比。

chrome控制台给了我这个错误。

TypeError: Cannot call method 'createDocumentFragment' of null

谢谢。

Answer 1

从 2.0.0 版开始，添加了angular 指令 easypiechart。

https://github.com/rendro/easy-pie-chart

Answer 2

代码应该是这样的，使用 elem[0] 调用元素

angular.module('ysf.easyPieChart', []).directive('easyPieChart', function() {
    return {
        restrict: 'C',
        scope: {
            percent: '='
        },
        link: function(scope, elem, attrs) {
            support._debug(elem.easyPieChart, 'element value');
            support._debug(scope.percent, 'scope value');
            //support._debug(this, 'this');
            $(elem[0]).easyPieChart();
        }
    }

});