2017-08-16 61 views
0

我需要模擬一個標籤,我與AngularJS一個小白,所以這是我Plunker模擬卡口與AngularJS

我不知道我應該如何實現側邊欄選項卡,這裏是一個IMG,又該如果做的onClick對我做我的sidebar.html送我的用戶的選擇數據我profileContent.html

enter image description here

+2

注:角爲2+,AngularJS是1.x的您目前正在使用AngularJS,而不是Angular。 –

+0

我想你應該看看ui-router庫https://github.com/angular-ui/ui-router。查看這個演示http://rp.js.org/ui-router-tabs/example/index.html –

回答

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>