使用 Tab 的範例

<li><a href ng-click="tab = 1">Description</a></li>

對應 Div

<div class="panel" ng-show="tab === 1">
<h4>Description</h4>
<p>{{product.description}}</p>
</div>

加入初始 tab 語法 

ng-init="tab = 1"

設定 active li 語法

<li ng-class="{ active:tab === 1 }">
<a href ng-click="tab = 1">Description</a>
</li>


JS Bin


改寫成 Controller 來控制 Panel
JS Bin

arrow
arrow
    文章標籤
    AngularJS
    全站熱搜

    soarlin 發表在 痞客邦 留言(0) 人氣()