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

Question

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

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

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

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

你怎么做？

Answer 1

I think the problem you need to solve is how to dynamically load 高德地图API，只要解决了这个问题，angular-route中$routeProvider自带的resolve, and your problem can be solved.

Look at my Plunker

Answer 2

https://github.com/marcoslin/angularAMD