如何在一个网页中拥有多个angular应用
How to have multiple angular apps in a single webpage?
我最近在使用Angular,我不知道从哪里开始将多个外部html应用程序链接到一个html文档中。
如果这还不够清楚,请告诉我。
谢谢:)
假设你已经创建了angular应用程序,并且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
一个可能是最简单的选择是使用两个iframe
你可以让每个应用加载它所有的外部依赖,而不必担心冲突。
相关文章:
- 如何将HTML id分配给元素,以及如何将JavaScript应用于元素
- Canvas Html5绘图应用程序,移动画布会导致重大问题
- Emberjs应用程序加载在除Index之外的所有路由上
- 使用电话间隙在Android应用程序中显示SQL Lite的数据
- 跟踪在页面加载时应用内联样式的JavaScript
- 在AngularJS应用程序中使用封装指令和路由的推荐方式是什么
- 如果文本字段为空,则使用JavaScript应用CSS样式
- Windows8应用程序(html&Javascript):从图片库(除了文件选择器)显示图像的另一种方式
- 为什么在单独的函数中应用时转换会闪烁/断断续续(D3)
- angular 1.5应用程序中的导航栏
- 在Web应用程序中使用Highcharts javascript
- angularjs+rails应用程序中未显示模板
- 在某些第三方 Web 应用程序拥有的网页上运行 Java 脚本
- 如何拥有具有单独LocalStorage的单独Electron应用程序实例
- Foursquare API:在重定向用户之前检查用户是否拥有iphone应用程序
- 拥有angular应用的认证和未认证版本
- 如何在一个网页中拥有多个angular应用
- 如何在HTML CSS web应用程序中拥有一个通用的页眉和页脚
- 如何在我的JSF web应用程序中拥有AJAX功能
- 使用react构建一个rest式web应用程序,并拥有多个角色