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标签的主要内容,如果未能解决你的问题,请参考以下文章