Search code examples
angularjsonclickplunker

Simulate Tabs with AngularJS

I need to simulate a tab and I'm a noob with AngularJS, so this is my Plunker

I don't know how I should implement a sidebar tab, here's an img, what should i do if do a onClick on my sidebar.html send the data of my user selected to my profileContent.html

enter image description here

Solution

  • I debugged the code provided in the plunkr, please let me know if there are any issues.

    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>