angulaire.js - Comment implémenter le changement d'onglet dans AngularJS?

Question

C'est tout. Lorsque vous cliquez sur ces deux boutons, les données de réponse seront chargées. Si vous ne cliquez pas, le premier onglet par défaut sera chargé.

Alors, comment ajouter différents contrôleurs à ces deux onglets.

Le problème maintenant est que ces deux onglets ne constituent qu'une seule ligne sous le tableau. Y a-t-il des problèmes de routage ?

Answer 1

Vous pouvez utiliser url pour contrôler deux tab différents controller

------Ce qui suit a été ajouté après que le sujet a modifié la description du problème-------

Quelle est la relation entre le

contrôle de routage et si est la ligne suivante du tableau ?

Answer 2

C'est bien d'utiliser ng-include,

1. ng-include peut introduire dynamiquement différents template pour répondre à vos tab besoins

2. Écrivez simplement votre propre template dans chaque controller Comme c'est simple. Par exemple :

.

tab1_template

<p ng-controller="tab1Ctrl">
    ....
    ....
</p>

tab2_template

<p ng-controller="tab2Ctrl">
    ....
    ....
</p>