2015-06-11 3 views
0

Я собирался использовать Plunker, чтобы помочь мне в тестировании директивы, но сначала я просто хотел создать один, чтобы протестировать плункер, работая, поэтому я ввел примерный код. Угадайте, что, основные директивы не работают, и я понятия не имею, почему.Почему мои директивы не работают в Plunker?

Мои директивы:

app.directive('attributeDirective', function() { 
    return { 
    restrict: 'A', 
    link: function(scope, iElement, iAttrs) { 

     iElement.bind('click', function() { 
     console.log('clicked attributeDirective'); 
     }); 
     iElement.bind('mouseover', function() { 
     iElement.css('cursor', 'pointer'); 
     }); 
    } 
    }; 
}); 

app.directive('elementDirective', function() { 
    return { 
    restrict: 'E', 
    replace: true, 
    template: '<h2>this is elementDirective</h2>', 
    link: function(scope, iElement, iAttrs) { 

     iElement.bind('click', function() { 
     console.log('clicked elementDirective'); 
     }); 
     iElement.bind('mouseover', function() { 
     iElement.css('cursor', 'pointer'); 
     }); 
    } 
    }; 
}); 

Мой HTML:

<body ng-controller="MainCtrl"> 
<p>Hello {{name}}!</p> 

<h2 attributeDirective>Here is my attribute directive</h2> 

<elementDirective></elementDirective> 

</body> 

http://plnkr.co/edit/H9vPhV

ответ

3

при вызове директивы в html вы должны заменить camelcase именем директивы, как это,

<element-directive></element-directive>, а не как это,

<elementDirective></elementDirective>

, как вы делали.

Надеюсь, это поможет !!!

PLUNKER

see through the custom directives here

+0

Пожалуйста, посмотрите на это [вопрос] (https://stackoverflow.com/questions/31001134/how-to-create-network-graph-or-hierarchical-tree-using-visjs-in -angularjs) здесь мой [plunker] (http://plnkr.co/edit/SKfNdsw9g9aCG6wZsQNZ?p=preview) не работает. Пожалуйста помоги. – Ricky

0

Использование restrict: 'A' в вашей директиве для обозначения атрибутов. Используйте команду restrict: 'E' в вашей директиве, чтобы обратиться к элементу.

Найти plunkr: "http://plnkr.co/edit/b1cf6l?p=preview"

называют также вашу директиву использования:

<h2 attribute-directive>Here is my attribute directive</h2> 
<element-directive></element-directive> 
2

Общие проблемы - вы можете» t использовать верблюд в вашем HTML-элементе declarati на.

Попробуйте <element-directive></element-directive>

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