close

使用 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 的頭像
    soarlin

    每天都有新鮮事

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