0

jquery easy pie chartsのディレクティブを作成しようとしています。

チュートリアルに従って、これはこれまでの私のコードです..

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

thnakyou。

4

2 に答える 2

1

バージョン 2.0.0 以降、angular ディレクティブ easypiechartが追加されました。

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

于 2014-01-21T14:56:40.813 に答える
0

これがコードのあり方です。要素は 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();
        }
    }

});
于 2013-08-28T16:03:29.313 に答える