angular选项卡

来源:互联网 发布:淘宝对话技巧 编辑:程序博客网 时间:2024/06/03 20:23

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

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;}
0 0