Использование дополнительной угловой директивы во внешнем html

Question

Это должно быть просто, но я не могу сделать это правильно. У меня есть некоторые пользовательские угловые директивы, которые работают отлично, и я намерен использовать их во внешнем (другом домене/сервере/порту) html.

Во-первых, я включил сценарии из рабочих директив веб-приложение:

<script 
    data-main="http://localhost:9000/vassets/javascripts/main.js" 
    src="http://localhost:9000/vassets/lib/requirejs/require.js"> 
</script> 

Тогда я просто попытался использовать один из них во внешнем HTML:

<div custom-directive attrib="abcd"></div> 

Проблема в шаблон, связанный с директивой ханжества быть загружен, поскольку он объявлен как:

templateUrl: '/vassets/partials/customDirective.html' 

И, конечно, не может можно найти при загрузке внешнего html. Есть вопросы, связанные с перекрестным сайтом.

Понятно, что я не включаю внешние директивы (и импортирую их источник) правильно.

Answer 1

Одна вещь, которая может быть сделана в директивах, вместо ссылки на внешний шаблон, вы можете поместить шаблон внутри самой директивы. Как:

template: '<div>Template here</div>' 

Теперь, когда вы экспортируете файл директиву на новое приложение, которое вы не будете иметь никаких забот в экспорте своего файла шаблона, а также.

Кроме того, вы можете сохранить существующий сценарий и разместить шаблон в том месте, где его ищет.