2017-08-16 2 views
0

J'ai besoin de simuler un onglet et je suis un noob avec AngularJS, donc ceci est mon PlunkerSimuler onglets avec AngularJS

Je ne sais pas comment je devrais mettre en œuvre un onglet de la barre latérale, voici une img, ce qui devrait je fais si faire un onClick sur mon sidebar.html envoyer les données de mon utilisateur sélectionné à mon profileContent.html

enter image description here

+2

Note: angulaire est 2+, AngularJS est 1.x. Vous utilisez actuellement AngularJS, pas Angular. –

+0

Je pense que vous devriez jeter un oeil à la bibliothèque ui-router https://github.com/angular-ui/ui-router. Consultez cette démo http://rp.js.org/ui-router-tabs/example/index.html –

Répondre

0

Je débogués le code fourni dans le plunkr, s'il vous plaît laissez-moi savoir s'il y a des problèmes.

Plunkr:link

code:

<div ng-repeat="people in peoples | filter: filtering" class="sideBarBox"> 
    <div class="row sideBarPosition" ng-click="selectThis(people)" ng-class="selected.name === people.name ? 'active': '' "> 
    <div class="col-xs-10"> 
     <div class="sideBarName">{{ people.name }}</div> 
    </div> 
    <div class="col-xs-2 sideBarArrowPosition"> 
     <div class="sideBarArrow"></div> 
    </div> 
    </div> 
</div>