需求:
我的一个应用,有两个controller,controllerA和controllerB,应用进入的初始页面是controllerA控制的a.html,当用户从A进入B时,要在b.html中加载高德的地图。
当前的做法是在index.html文件中就加载了高德JS库,在两个controller中都可以调用,但是这样有缺点
1.拖慢应用加载速度
2.很多用户打开应用只是为了a.html,并不会继续点击去b.html
我希望:
在controllerB中加载高德js库,只有用户需要用到我才会去加载
你怎么做?
我觉得你需要解决的问题是如何动态加载
高德地图API
,只要解决了这个问题,angular-route
中$routeProvider
自带的resolve
,就可以解决你的问题了。看我的Plunker
https://github.com/marcoslin/angularAMD