Angular & D3.js: Почему элемент [0] не определен?

Question

Я работаю над угловым приложением и только начинаю работать с D3.js.

Я следую инструкциям по созданию пользовательских директив.

<my-chart></my-chart> 

Я делаю это:

... 

.directive('myChart', function() { 
    function link() { 
     var svg = d3.select(element[0]).append('svg'); 

     ... 

    return { 
     'link': link, 
     'restrict': 'E' 
    } 
}) 

... 

Но я всегда получаю обратно ReferenceError: element is not defined

Если я даю мое указание идентификатор, то все работает:

... 
var svg = d3.select(document.getElementById('myChart')).append('svg'); 
... 

I Я не знаю, почему, поскольку я могу поговорить с element, когда у меня есть i d, я не думаю, что это проблема времени. Но я не знаю, что еще может быть. Любые предложения приветствуются!

Answer 1

В настоящее время вы не указали element в функции связи, и вы искали элемент, который не определен. Вы должны иметь element в своей функции link, чтобы получить доступ к угловому скомпилированному DOM.

function link(scope, element, attrs) {