Front-end - Comment coordonner le travail de développement entre plusieurs contrôleurs en angulaire

Question

http://jsfiddle.net/p2227/fUzKX/3/

J'ai l'impression que quelqu'un aurait dû demander, mais je ne l'ai pas trouvé lors de la recherche.

Comme le montre l'exemple, les données sont très simples, et c'est ainsi que fonctionne l'entreprise actuellement.
1. Tout d'abord, une couche de vue a été utilisée, mais il existe désormais plusieurs couches d'activité dans une seule couche de vue, que nous appelons sous-entreprise ABCD
2. Il s'avère que ABCD a été créé par différentes personnes lorsque nous l'avons conçu, il s'agissait donc d'un HTML indépendant et d'un contrôle indépendant
3. J'ai donc créé un autre gros contrôle0, comprenant chaque contrôle, et utilisé switch pour le changer. Je l'ai trouvé facile à utiliser, comme l'exemple de code
4. Le problème maintenant est que chaque page s'avère. être du HTML indépendant. Oh, pouvez-vous charger le HTML en spécifiant l'URL (spécifiez un attr de p dans ng-controller="ctrl1", ou d'autres méthodes) ? De cette façon, vous n'avez pas besoin de copier et coller mécaniquement le code HTML original de chacun
5. Le projet contient des requirejs et devrait être disponible.

Answer 1

1. Il existe deux manières officielles d'introduire dynamiquement le HTML :

<p ng-view></p>

Cette méthode nécessite que vous configuriez le routage pour basculer
Applicable à la commutation plein écran couramment utilisée

<p  ng-include src='xxxx'>

xxx peut être une adresse qui change dynamiquement
Liez simplement différents contrôleurs directement à différentes sous-pages.
Scénarios applicables, basculant entre différentes pages dans des sous-pages.