需求:
我的一個應用,有兩個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