<uib-tabset> 默认有个active属性,根据官方文档,active的默认值是0,也就是说,默认显示索引为0的标签页,可以通过修改这个值来默认显示不同的索引的标签页。

示例:

<uib-tabset>
  <uib-tab>第一个标签页内容,索引是0</uib-tab> //默认显示
  <uib-tab>第二个标签页内容,索引是1</uib-tab>
  <uib-tab>第三个标签页内容,索引是2</uib-tab>
</uib-tabset>
<uib-tabset active="0">
  <uib-tab>第一个标签页内容,索引是0</uib-tab> //默认显示
  <uib-tab>第二个标签页内容,索引是1</uib-tab>
  <uib-tab>第三个标签页内容,索引是2</uib-tab>
</uib-tabset>
<uib-tabset active="1">
  <uib-tab>第一个标签页内容,索引是0</uib-tab>
  <uib-tab>第二个标签页内容,索引是1</uib-tab> //默认显示
  <uib-tab>第三个标签页内容,索引是2</uib-tab>
</uib-tabset>
//超出索引,默认不现实任何标签页
<uib-tabset active="10">
  <uib-tab>第一个标签页内容,索引是0</uib-tab>
  <uib-tab>第二个标签页内容,索引是1</uib-tab>
  <uib-tab>第三个标签页内容,索引是2</uib-tab>
</uib-tabset>
<uib-tabset active="">
  <uib-tab>第一个标签页内容,索引是0</uib-tab> //默认显示
  <uib-tab>第二个标签页内容,索引是1</uib-tab>
  <uib-tab>第三个标签页内容,索引是2</uib-tab>
</uib-tabset>
<uib-tabset active="无规则字符">
  <uib-tab>第一个标签页内容,索引是0</uib-tab> //默认显示
  <uib-tab>第二个标签页内容,索引是1</uib-tab>
  <uib-tab>第三个标签页内容,索引是2</uib-tab>
</uib-tabset>

注:以上示例亲测有效。

如何绑定Typescript文件中的变量?

active="变量名"

例子:

<uib-tabset active="myIndex">
  <uib-tab>第一个标签页内容,索引是0</uib-tab>
  <uib-tab>第二个标签页内容,索引是1</uib-tab>
  <uib-tab>第三个标签页内容,索引是2</uib-tab>
</uib-tabset>
var myNum=0;

//...逻辑代码....
//...逻辑代码.... if(myNum>2){
$scope.myIndex=1
}else{
$scope.myIndex=0;
}

angularJs1.x 版本中 uib-tabset 如何默认激活不同的标签页的更多相关文章

  1. 如何设置使chrome新标签页中打开链接自动跳转到新标签页?

    在新标签打开链接的时候这样点选 Ctrl+左键 或者 鼠标中键 或者 右键链接选择'新标签页中打开链接', 可实现出现新标签页但不自动跳转 但是这个有问题, 即, 新标签只是在背景打开, 操作后并不会 ...

  2. chrome 版本 29.0.1547.76 m 解决打开新标签页后的恶心页面的问题

    个人非常不喜欢这个版本的新标签页的样子,特别是一再输入框中输入要搜索的东西,自动跑到标题栏中去了,比吃屎还恶心.下面是解决办法: 在地址栏输入:chrome://flags/ 按Ctrl+F,输入下面 ...

  3. AngularJS1.6版本中ui-router路由中/#!/的解决方法 - zhuan

    本地编译出的文件可以正常运行,但是服务器编译后到了测试那里路由上就莫名的出现了/#!/,这导致了很多问题. 后来查了下是服务器编译器把AngularJS升级到了1.6版本,而我本地的依旧是1.5. 但 ...

  4. unity, unity默认的Arial字体在编译出的h5版本中不显示

    unity默认的Arial字体在编译出的h5版本中不显示.改用自己的字体可显示.

  5. 解决idea中maven默认jdk为1.5的问题 : IntelliJ IDEA 源值1.5已过时,将在未来所有版本中删除

    解决idea中maven默认jdk为1.5的问题 最近运行总是报警告: IntelliJ IDEA 源值1.5已过时,将在未来所有版本中删除 发现是jdk版本问题, 即使自己修改structure中的 ...

  6. 在Wcf中应用ProtoBuf替代默认的序列化器

    Google的ProtoBuf序列化器性能的牛逼已经有目共睹了,可以把它应用到Socket通讯,队列,Wcf中,身为dotnet程序员一边期待着不久后Grpc对dotnet core的支持更期待着Wc ...

  7. UEFI+GPT模式下的Windows系统中分区结构和默认分区大小及硬盘整数分区研究

    内容摘要:本文主要讨论和分析在UEFI+GPT模式下的Windows系统(主要是最新的Win10X64)中默认的分区结构和默认的分区大小,硬盘整数分区.4K对齐.起始扇区.恢复分区.ESP分区.MSR ...

  8. debug、 release两个版本中正确运行的一些经验

    在Qt编程中,默认的是debug版本,在编译器中可以正常的使用,但是单独运行.exe可执行文件时却发现系统提示缺少文件.其实就是缺少必要的.dll动态库文件.根据提示添加需要的.dll动态库文件即可. ...

  9. [译] OpenStack Kilo 版本中 Neutron 的新变化

    OpenStack Kilo 版本,OpenStack 这个开源项目的第11个版本,已经于2015年4月正式发布了.现在是个合适的时间来看看这个版本中Neutron到底发生了哪些变化了,以及引入了哪些 ...

随机推荐

  1. bzoj 3727: Final Zadanie 思维题

    题目: Description 吉丽YY了一道神题,题面是这样的: "一棵n个点的树,每条边长度为1,第i个结点居住着a[i]个人.假设在i结点举行会议,所有人都从原住址沿着最短路径来到i结 ...

  2. bzoj 2300: [HAOI2011]防线修建 凸包

    题目大意: http://www.lydsy.com/JudgeOnline/problem.php?id=2300 题解 这道题让我们维护一个支持动态删除点的上凸壳 并且告诉了我们三个一定不会被删除 ...

  3. 批量清除过期的binlog释放磁盘空间

    方案,总共24台db,一台台进去清理肯定不行,得需要写一个脚本,进行批量操作,方案思路大概如下 1,  建立双master列表masterlist; 一个master一行. 2,远程获取master ...

  4. [bzoj3670] [NOI2014] [lg2375] 动物园

    nxt数组为KMP的next数组num[i]储存了i前面可以匹配的串的个数.先在KMP求nxt中顺便求出num最后再找到对于i的最大的前后缀不重叠的可匹配的j,ans*=(num[j]+1)%1000 ...

  5. sql 查看表结构

    sqlserver 查看表结构 exec sp_help @TableName --得到表信息.字段,索引.constraint. exec sp_pkeys @TableName --得到主键. e ...

  6. JavaScript之使用JavaScript模仿oop编程

    第一, 首先,使用关键字function定义一个类 function Shape1(ax,ay) {//此时将function看成声明类的标志 ; ; var init=function () {// ...

  7. 8.ireport 取消自动分页,detail不分页

    转自:http://www.blogjava.net/vjame/archive/2013/10/12/404908.html 报表文件属性页面 lgnore pagination 勾选上,就可以取消 ...

  8. 1.Windows入侵排查思路

    0x00 前言 当企业发生黑客入侵.系统崩溃或其它影响业务正常运行的安全事件时,急需第一时间进行处理,使企业的网络信息系统在最短时间内恢复正常工作,进一步查找入侵来源,还原入侵事故过程,同时给出解决方 ...

  9. 图像特征--HOG特征

    1.HOG特征:方向梯度直方图(Histogram of Oriented Gradient, HOG)特征是一种在计算机视觉和图像处理中用来进行物体检测的特征描述子.它通过计算和统计图像局部区域的梯 ...

  10. kingadmin

    kingadmin 是一个模拟 Django admin 开发的后台管理系统,可以用来嵌套在其他的项目中作为单独的 app 程序存在. 执行流程 1.项目启动,开始执行 app_setup.py 文件 ...