Как создать виджет для встраивания в сторонние веб-сайты с помощью AngularJs?

Я хотел бы создать виджет angularjs, который может быть встроен в сторонние веб-сайты с минимальным кодом, таким как 

<script src=mywidget.js type=...></script>
<div id="mywidgetContainer"></div>

или аналогичные.

Я нашел некоторые ресурсы, такие как эта статья для разработки виджета с помощью jquery http://alexmarandon.com/articles/web_widget_jquery/.

Как это сделать с помощью Angularjs? Какими умными способами могут быть угловые функции, такие как директивы/представления и т. д. быть использованы для этой цели? Что у тебя есть, если есть? Ваши мысли/предложения/мнения / опыт, пожалуйста.

9
angularjs angularjs-directive javascript jquery widget

2 ответов

вы также должны иметь в виду возможность того, что сайт 3rd party также использует angular, и, возможно, другая версия. Проверка несколько версий AngularJS на одной странице

6

Это то, что, кажется, сработало для меня. В скрипте я установил свойство innerHTML контейнера div в код разметки углового Вида. Ключевым моментом является использование угловое.$ bootstrap для ручной загрузки приложения после загрузки страницы. Я не видел особой ценности в создании директивы. Директива должна быть частью кода представления, который все равно должен быть назначен контейнеру с помощью innerHTML.

1