在其他域的div中包含角度應用，不包含iframe

Question

我有一個角度應用程序，它具有各種依賴項，如模塊和樣式。

另一方面，我有多個網站，我想在這個應用程序中包含所有依賴項（就像你在iFrame中一樣）。 我希望將應用程序包含在div中（就好像它是iframe）但我必須是div，而不是iFrame，因此其他網站可以為內聯應用程序選擇自己的樣式。

這樣，當我將它添加到我的CORS時，我可以讓每個站點都包含該應用程序。 喜歡：

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

隨着該div內的所有路由。

在閱讀了大量文檔后，我不知道從哪里開始。 任何幫助，將不勝感激！

Answer 1

為什么不將應用程序包裝在自己的模塊中並創建一個指令來使用它？ 然后只需要在其他角度應用中使用該模塊。 那不是更干凈嗎？

Answer 2

這是不可能的，因為當Angular JS執行摘要周期時，它是文檔范圍的，總是假設文檔中只有一個應用程序。

使用Angular進行應用程序共享的方法是將應用程序設計為經過良好調整，然后您可以加載並包含其他角度應用程序所需的模塊。

Answer 3

嘗試做下面的事情

• 創建應用程序並將其分配給模塊，例如angular.module（'sub-application'）。controller（）。config（）;
• 定義您的路線/部分/控制器等。
• 您只需要訪問應用程序的主模塊，以便可以在其中注入模塊名稱
• 您只想運行潛水應用程序，以便將子應用程序控制器分配給該潛水
• 其他選項不是使用ngRoute或ui-route用於狀態和部分使用jquery來隱藏或切換多個視圖。您可以使用角度控制器處理其他功能