搜索

首页  >  问答  >  正文

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

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

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

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

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

你怎么做?

漂亮男人漂亮男人2744 天前515

全部回复(2)我来回复

  • 淡淡烟草味

    淡淡烟草味2017-05-15 16:56:04

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

    看我的Plunker

    回复
    0
  • 巴扎黑

    巴扎黑2017-05-15 16:56:04

    https://github.com/marcoslin/angularAMD

    回复
    0
  • 取消回复