angular选项卡

全部从后台获取动态数据生成选项卡

html：

<div class="tab">
    <ul>
        <li 
            ng-repeat="item in items" 
            ng-click="change($index)" 
            ng-class="{active:tabCur==$index}">
            {{item}}
        </li>
    </ul>
</div>

js：

$scope.tabCur = 0;
$scope.change = function(index){
    $scope.tabCur = index;
}

部分静态，部分动态获取

html：

<div class="tab">
    <ul>
        <li ng-click="change()" ng-class="{active:tabCur==undefined}">
            全部
        </li>
        <li 
            ng-repeat="item in items" 
            ng-click="change($index)" 
            ng-class="{active:tabCur==$index}">
            {{item}}
        </li>
    </ul>
</div>

js：

$scope.tabCur;
$scope.change = function(index){
    $scope.tabCur = index;
}