使用AngularJS模拟选项卡

时间:2017-08-16 17:11:47

标签: angularjs onclick plunker

我需要模拟一个标签,我是AngularJS的菜鸟,所以这是我的Plunker

我不知道我应该如何实现侧边栏标签,这里是一个img,如果点击我的sidebar.html点击我的用户选择的数据到我的profileContent.html <我该怎么办? / p>

enter image description here

1 个答案:

答案 0 :(得分:0)

我调试了plunkr中提供的代码,如果有任何问题,请告诉我。

Plunkr: link

代码:

<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>