【angular】angular实现简单的tab切换
2024-08-24 17:18:12
html:
<div class="list-group" ng-repeat="tab in menuList"> <a href="#" class="list-group-item" ng-class="{'active':isActiveTab(tab.state)}" ng-click="onClickTab(tab)" ng-bind="tab.name" ui-sref="tab.state"></a> </div>
controller:
myApp.controller('menuCtrl',function ($scope) { $scope.menuList=[ { name:"filter", state:"filter" }, { name:"directive", state:"directive" } ] //默认第一个菜单是点击以后的样式 $scope.currentTab=$scope.menuList[0].name; //将当前的state赋值给currentTab $scope.onClickTab=function (tab) { $scope.currentTab=tab.state; } //判断点击的是否是当前菜单 $scope.isActiveTab=function (tab) { return tab==$scope.currentTab; } })
最新文章
- CentOS7清理yum缓存和释放内存方法
- Android内存清理
- Unity3D Editor模式下批量修改prefab
- Windows Azure 负载均衡会话保持
- 重新启动 Apache 以加载上面安装的模块
- 如何处理webView跳转
- ASP.NET导出bdf文件
- Controller简介
- mysql删除、修改字段默认值
- iOS开发之详解正则表达式
- hdu 3395
- 将mysql服务加入到系统服务中 服务器配置 注销时不会关闭mysql
- 用sqlserver处理excel表格
- 极客Web前端开发资源大荟萃
- 14.3.5.1 An InnoDB Deadlock Example
- [最短路][部分转]P1027 Car的旅行路线
- .net 系列:事件和委托
- 使用Android Studio Gradle实现友盟多渠道打包
- 对于Dubbo的理解
- tensorflow 在加载大型的embedding模型参数时,会遇到cannot be larger than 2GB
热门文章
- 【学习笔记】锋利的jQuery(一)选择器
- C#使用文件监控对象FileSystemWatcher 实现数据同步
- 【IOS开发】UItextfield输入电话号码,自动调整格式
- 职责链模式实例(C#)
- 一种最坏情况线性运行时间的选择算法 - The missing worst-case linear-time Select algorithm in CLRS.
- [转]OPENSOLARIS 2009.06 REPOSITORY ISO IMAGES NOW AVAILABLE
- 哞哞快的 C# 高斯模糊实现
- [转]影响Cache的几个HTTP头信息
- Xml转化为DataTable
- 多线程编程中使用pthread_create内存泄露问题