搜尋

首頁  >  問答  >  主體

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庫,只有使用者需要用到我才會去載入

你怎麼做?

漂亮男人漂亮男人2839 天前550

全部回覆(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
  • 取消回覆