Включить приложение angular в div в другом домене, без iframe

У меня есть приложение angular, которое имеет всевозможные зависимости, такие как модули и стили.

С другой стороны, у меня есть несколько сайтов, на которых я хочу включить это приложение со всеми зависимостями (например, у вас есть в iFrame). Я хочу включить приложение в div (как если бы он был iframe), но я должен быть div, iFrame, поэтому эти другие сайты могут выбирать свой собственный стиль для встроенного приложения.

Таким образом, я могу позволить каждому сайту включать приложение, когда я добавляю его в свой CORS. Например:

<div ng-include="app_from_other_domain"></div>

Со всеми маршрутами внутри этого div.

Я не знаю, с чего начать, прочитав много документации. Любая помощь будет оценена!

Ответы

Ответ 1

Почему бы не обернуть приложение в его собственный модуль и не создать директиву для его использования? Тогда просто потребуется этот модуль в других приложениях angular. Разве это не чище?

Ответ 2

Это невозможно, потому что, когда Angular JS выполняет цикл дайджеста, он является документом, всегда предполагая, что в вашем документе есть только одно приложение.

Способ подхода к совместному использованию приложений с Angular заключается в разработке хорошо модулированных приложений, а затем вы можете загружать и включать необходимые модули из других приложений Angular.

Ответ 3

Попробуйте сделать что-то ниже.

  • Создайте приложение и назначьте его модулю, например. angular.module( 'субприложение') контроллер() конфигурации();..
  • Определите свои маршруты/частичные/контроллеры и т.д.
  • Вам просто нужен доступ к основному модулю приложения, чтобы вы могли ввести в него свое имя модуля
  • Вы хотите запустить приложение для погружения только для того, чтобы назначить контроллер под-приложения для этого погружения
  • Другая опция вместо использования ngRoute или ui-route для состояний и частичных файлов использует jquery для скрытия или переключения между несколькими представлениями. Другие функции, которые вы можете обрабатывать с помощью angular контроллеров