Директива AngularJS динамически загружается динамически в ng-include не работает

Question

У меня есть настраиваемая директива, которая добавляет некоторый html.

myAppModule.directive('myDirective', function() { 
    var linker = function(scope, element) { 
     return element.html("<b>directive loaded</b>"); 
    }; 
    return { 
     restrict: "E", 
     rep1ace: true, 
     link: linker, 
     scope: false 
    }; 
}); 

Эта директива загружается и используется в динамически загружаемой HTML, который включен через ng-include.

<script type="text/javascript" src="dynamicscript.js"></script> 
<my-directive>...</my-directive> 

Но он не работает. Функция linker никогда не вызывается. Он работает, если я перемещаю загрузку сценария dynamicscript.js с включенного html на index.html.

Here is the Plunkr

Answer 1

Просто используйте RequireJS для загрузки контроллеры, директивы и т. д.

С помощью специальных плагинов можно загружать файлы CSS и HTML.

Вот отличный пример из Бен Надели: http://www.bennadel.com/blog/2554-Loading-AngularJS-Components-With-RequireJS-After-Application-Bootstrap.htm

Answer 2

Все JS файлы должны быть включены в «index.html» JS файлы (службы, модули, контроллеры) загружаются динамически с помощью нг-включать не будут работать