Пользовательская директива <my-directive-a> использует в ней другую настраиваемую директиву <my-directive-b>. В main.html используется только <my-directive-a>. Но я должен включить myDirectiveB.js (определяющий <my-directive-b>) в main.html. Есть ли элегантный способ удалить это? Я хочу включить myDirectiveB.js в myDirectiveA.js не в main.html.
main.html
<html>
<body>
<my-directive-a>
</my-directive-a>
<script src='/angularjs/shared/myDirectiveA.js'></script>
<!-- I want to remove following one line -->
<script src='/angularjs/shared/myDirectiveB.js'></script>
</body>
</html>
myDirectiveA.js
...
.directive("myDirectiveA", function() {
return {
restrict: 'E',
template: '<div><my-directive-b></my-directive-b></div>'
}
});
myDirectiveB.js
...
.directive("myDirectiveB", function() {
return {
restrict: 'E',
template: '<div>my directive b</div>'
}
});
Кажется, вы ищете что-то вроде @import
которое доступно в css. Но, к сожалению, это невозможно.
Но вы используете jQuery, можете попробовать
$.getScript('fileName',function(){
//Rest of Code
})
иначе с чистым JS
var crScript = document.createElement('script');
crScript.src ="file Location";
document.whereYouWantToAppend.apendChild(crScript);