angluarjs的tab标签

Posted Sagacity_shen

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了angluarjs的tab标签相关的知识,希望对你有一定的参考价值。

JS代码

 $scope.tabs = [];
$rootScope.data = {
            current: "3" // 1代表张三,2代表李四,3代表王五
        };
        $rootScope.actions =
        {
            setCurrent: function (param) {
                $rootScope.data.current = param;
            }
        }

$scope.tabs.push({ title: ‘工作组‘, current: 2, show: true });
$scope.tabs.push({ title: ‘个人‘, current: 3, show: true });

 html代码

<ul class="nav nav-tabs">
            <li role="presentation" ng-repeat="tab in tabs" ng-class="{ ‘active‘ : data.current == tab.current }"><a href="" ng-click="actions.setCurrent(tab.current)">{{tab.title}}</a></li>
</ul>

  

以上是关于angluarjs的tab标签的主要内容,如果未能解决你的问题,请参考以下文章

片段存储和重用:使用TabView的多个子片段

在tablayout viewpager中运行调整选项卡片段

覆盖一个常见的片段帮助其他标签片段

标签活动片段到活动

当使用tablayout切换片段时,所有片段都会重新创建

Sublime Text3自定义代码片段