0

Вот это скрипка JQuery Я пытаюсь порта в угловую директиву: http://jsfiddle.net/rhtr1w04/Basic JQuery скрипки угловых Директив

А вот мой app.js

angular.module('app',[]).directive('angular-arc', function() { 
    return { 
    restrict: 'E', 
    link: function(scope, element, attrs) { 
     var renderer; 
     renderer = new Highcharts.Renderer(
     $('angular-arc')[0], 
     400, 
     300 
    ); 

     renderer.arc(200, 150, 100, 50, -Math.PI, 0).attr({ 
     fill: '#FCFFC5', 
     stroke: 'black', 
     'stroke-width': 1 
     }).add(); 
    } 
    }; 
}) 

и мой index.html (со всеми собственно включает в app.js и JQuery)

<!DOCTYPE html> 
<HTML> 
<HEAD> 
    <script src="//code.jquery.com/jquery-1.7.2.min.js"></script> 
    <script src='app.js'></script> 
</HEAD> 
<BODY ng-app="app"> 
    <angular-arc /> 
</BODY> 
</HTML> 

Однако, конечно, это не оказывает. Правильно ли я использовал DDO? Что я должен включить, чтобы сделать этот рендер? Заранее спасибо.

ответ

2

.directive('angularArc', function() ...

Вы должны следовать соглашению об именах: верблюжьего становится верблюжьей случай

См "Matching Directives"

Смежные вопросы