分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 运营维护

angluarjs的tab标签

发布时间:2023-09-06 01:54责任编辑:熊小新关键词:js

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

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

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved