AngularJs: fournisseur d'itinéraire pour onglet?

Question

Je suis nouveau sur AngularJs. Je travaille dans Angular Routing Concept. Il y a beaucoup de suggestion et des exemples sont disponibles pour le routage et je fais des recherches. Mais ce n'est pas remplir mon exigence. Je veux concevoir un contrôleur parent dans la page JSP qui a l'en-tête, le pied de page et ng-view. En ng-view, deux Tab (Tab1.html et Tab2.html) doivent s'afficher, le contrôleur Parent doit choisir quel onglet est actuellement actif (ce cas est important et je n'ai aucune idée de comment faire cela). Tab 1 et Tab2 ont chaque page html avec des sous-contrôleurs séparés. Pourquoi je n'insère pas l'onglet Bootstrap dans la section ng-view signifie qu'au-dessus de chaque onglet, il y a une autre vue à afficher, par exemple, si tab1 est active, button1, label1 doit s'afficher au-dessus de la tab1 et si tab2 est actif, button2, label2 doit s'afficher au-dessus de la tab2. Donc, je suggère d'utiliser l'onglet Bootstrap pour la page html qui doit s'afficher dans la vue ng.

Je ne sais pas que je vous ai expliqué clairement, s'il vous plaît me suggérer quelques modèles qui remplissent mon exigence.

Merci à l'avance

Answer 1

Angular UI Router poignées très bien. Here's a good intro pour utiliser le routeur UI.

Fondamentalement, il y aurait un état de niveau supérieur représentant la page entière qui contrôle l'en-tête et le pied de page et la vue ui (qui remplace la vue ng). Il y aura deux états enfants de l'état de premier niveau qui contrôleront le contenu affiché en fonction du tabulateur (états) actif. Chaque état aura son propre contrôleur et vue, ce qui signifie qu'ils peuvent tous être maintenus séparément et vous pouvez changer le bouton dans l'en-tête en fonction de l'état qui est cliqué très facilement.