Я пытаюсь реализовать директиву d3 в Angular, и это сложно, потому что визуально ничего не происходит, и на консоли не возникают ошибки.
Здесь моя директива d3:
myApp.directive('d3-bars', ['d3Service', function($window, d3Service) {
return {
restrict: 'EA',
scope: {},
link: function(scope, element, attrs) {
// More code below ....
Вот мой HTML:
<d3-bars bar-height="20" bar-padding="5"></d3-bars>
Сначала я подумал, что это не добавление svg
, потому что проверка элемента на то, как он выглядит, но теперь я не думаю, что директива даже работает вообще. Я вставил console.log
внутри него в самом начале, и он тоже не появился. Я пропустил что-то простое?
EDIT:
Я попытался изменить верхнюю строку на
angular.module('myApp.directives', ['d3'])
.directive('d3-bars', ['d3Service', function($window, d3Service) {
Но это тоже не сработало. Я даже не знаю, в чем разница между двумя заголовками...