码迷,mamicode.com
首页 > Web开发 > 详细

angluarjs的tab标签

时间:2018-05-14 10:23:54      阅读:196      评论:0      收藏:0      [点我收藏+]

标签:tle   pre   cti   nta   present   ng-class   UNC   highlight   param   

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标签

标签:tle   pre   cti   nta   present   ng-class   UNC   highlight   param   

原文地址:https://www.cnblogs.com/sagacity-shen/p/9034497.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!