AngularJS Множественная проблема с конфликтом ресурсов Директива

Question

В настоящее время я изучаю AngularJS на Udemy с отличным курсом AngularJS JumpStart with Dan Wahlin. Я нахожусь в разделе 7 «Бонус: начало работы» Создание пользовательских директив.

Я определил директиву Hello World, которая работает нормально; то я определил новую директиву, чтобы я мог узнать об общей области vs isolate.

Как только я включаю вторую директиву, я получаю следующее сообщение об ошибке:

Error: [$compile:multidir] Multiple directives [helloWorld, helloWorld] asking for template on: <hello-world> 
http://errors.angularjs.org/1.4.8/$compile/multidir?p0=helloWorld&p1=&p2=helloWorld&p3=&p4=template&p5=%3Chello-world%3E 

Here's a Plunker.

Если я прокомментирую скрипт, который определяет один из них, другой работает.

Почему это происходит? Я четко назвал обе директивы по-разному, так почему Angular выбрасывает ошибку, которая в основном говорит, что я дважды объявил одну и ту же директиву?

Answer 1

Я думаю, что вопрос определения directives переменной и каждый раз добавляя его к директивам. Более популярным способом определения директив:

var app = angular.module('app'); 
app.directive('helloWorld', ....); 

Или, если вы предпочитаете свой путь, либо имеют все директивы в том же файле, или переместить var directives = angular.module('app').directives в app.js

Answer 2

1) вы забыли добавить «простой: правда» в директивах (если вы поставите непосредственно ваш HTML код в шаблоне вы должны поставить «простой: истинный» в противном случае использовать templateUrl в свой файл HTML)

2) проблема исходят из того, что вы создаете два раза один и тот же угловой модуль:

var directives = angular.module('app').directives; 

Я обновить ваш plunker http://plnkr.co/edit/cYkgdYcHXGlbtMRJHRw2?p=preview