angulaire.js - Comment charger gracieusement à la demande dans AngularJS

Question

Exigences :
Une de mes applications a deux contrôleurs, contrôleurA et contrôleurB. La page initiale saisie par l'application est un.html contrôlé par contrôleurA. Lorsque l'utilisateur entre B à partir de A, la carte Amap doit être chargée en b.html.

L'approche actuelle consiste à charger la bibliothèque Amap JS dans le fichier index.html, qui peut être appelé dans les deux contrôleurs, mais cela présente des inconvénients

1. Ralentissez la vitesse de chargement des applications
2. De nombreux utilisateurs ouvrent l'application uniquement pour a.html et ne continueront pas à cliquer pour accéder à b.html

J'espère :
Chargez la bibliothèque Amap js dans ControllerB. Je ne la chargerai que si l'utilisateur en a besoin

.

Comment fais-tu ?

Answer 1

Je pense que le problème que vous devez résoudre est de savoir comment charger dynamiquement 高德地图API Tant que ce problème est résolu, le angular-route fourni avec $routeProvider dans resolve peut résoudre votre problème.

Regarde mon Plunker

Answer 2

https://github.com/marcoslin/angularAMD