Question

我最近和Angular一起玩过，而且我不知道从多个外部html应用程序链接到单个html文档的位置。

如果这还不够清楚，请告诉我。

谢谢：）

Answer 1

假设您已经创建了角度应用，并且2个（假设2个）不同应用的主要模块是myApp1和myApp2，则以下内容应该有效：

<!-- index.html (or whatever the page is called) -->
<html>
<body>
    <div ng-app="myApp1">...</div>
    <div ng-app="myApp2" id="app2>...</div>

    <script ...> <!-- script(s) that include the sources of the apps -->
    <script>
    angular.bootstrap(document.getElementById("app2"),['myApp2']);
    </script>
</body>
</html>

更新：第二个应用程序必须在代码中进行自举。

以下是一个工作示例：http://plnkr.co/edit/eHXulGQNsvjy7WCAJwqg?p=preview

Answer 2

一个选项，可能最简单的选择是使用两个Iframe。

您可以让每个应用加载所有外部依赖项，而不必担心冲突。

如何在一个网页中拥有多个角度应用？

2 个答案: