angular.js - angularjs中如何优雅的按需加载

浏览：29日期：2023-01-30

问题描述

需求：我的一个应用，有两个controller，controllerA和controllerB，应用进入的初始页面是controllerA控制的a.html，当用户从A进入B时，要在b.html中加载高德的地图。

当前的做法是在index.html文件中就加载了高德JS库，在两个controller中都可以调用，但是这样有缺点

1.拖慢应用加载速度2.很多用户打开应用只是为了a.html,并不会继续点击去b.html

我希望：在controllerB中加载高德js库，只有用户需要用到我才会去加载

你怎么做？

问题解答

回答1：

我觉得你需要解决的问题是如何动态加载高德地图API，只要解决了这个问题，angular-route中$routeProvider自带的resolve，就可以解决你的问题了。

看我的Plunker

回答2：

https://github.com/marcoslin/angularAMD

上一条：angular.js - angularjs 用IE11打开{{}} 取不到值下一条：angular.js - angularjs ng-grid 如何设置某列不可拖拽，不用滚动条

相关文章：
1. 为什么老师，你de button按钮处可以有两个ID是一样的id="loginbtn" 而不会报错啊2. alert("Hello JavaScript");3. Js对table 如何实现多选？4. JQ设置问题，p标签加上一个链接后出现新问题，代码如下5. 关于DOM内部插入，append(),appendTo(),prepend(),prependTo(),这四个方法还是有点没明白？6. node.js mysql Cannot find module "net" 和 "tls"和"fs" 的问题7. 为什么有两个setTimeout，分别是什么意思？8. $("p").unwrap("<div></div>");这句话什么意思啊，还没有明白？9. 改两个属性怎么写10. attr（）和val（）的区别求详细解答？