angularJs1.x 版本中 uib-tabset 如何默认激活不同的标签页

<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;
}

转载于:https://www.cnblogs.com/lishidefengchen/p/7066008.html

angularJs1.x 版本中 uib-tabset 如何默认激活不同的标签页相关推荐

使火狐浏览器默认在新的标签页打开书签
原文链接:使火狐浏览器默认在新的标签页打开链接-不知道取啥名2021 火狐浏览器默认总是把链接在当前页面打开,覆盖了原来内容,导致找之前在看的东西很不方便...估计由于装了最新版火狐浏览器的原因,之前 ...
如何设置使chrome新标签页中打开链接自动跳转到新标签页?
在新标签打开链接的时候这样点选 Ctrl+左键或者鼠标中键或者右键链接选择'新标签页中打开链接', 可实现出现新标签页但不自动跳转但是这个有问题, 即, 新标签只是在背景打开, 操作后并不会 ...
在Edge（Chrome内核）中设置使用Google搜索并设置点击搜索结果默认打开新的标签页
1. 找到浏览器设置,打开服务,地址栏与搜索 2.设置如下 3. 然后发现使用Google搜索后默认是覆盖搜索结果而不是打开新的标签页找了半天在浏览器没有找到设置,后来终于发现需要在谷歌搜索引擎处设 ...
chrome 版本 29.0.1547.76 m 解决打开新标签页后的恶心页面的问题
个人非常不喜欢这个版本的新标签页的样子,特别是一再输入框中输入要搜索的东西,自动跑到标题栏中去了,比吃屎还恶心.下面是解决办法: 在地址栏输入:chrome://flags/ 按Ctrl+F,输入下面 ...
火狐浏览器（Google搜索引擎）点击新链接默认为在新版标签页打开链接
参考链接1: (已解决)使火狐浏览器默认在新版标签页打开链接_可可与鱼的博客-CSDN博客_火狐浏览器设置打开网页在新的标签参考链接2: google设置在新标签页打开的方法_科大云炬的博客-CSD ...
Microsoft Edge 中的ie浏览器图标、右击新标签页打开功能的关闭方法
本篇文章主要讲解 Microsoft Edge 中的ie浏览器图标.新标签页打开功能的关闭方法日期:2022年1月20日作者:任聪聪主要现象说明:在edge浏览器中支持ie浏览器内置打开老版 ...
使firefox默认在新的标签页打开书签
火狐浏览器默认总是把链接在当前页面打开,覆盖了原来内容,导致找之前在看的东西很不方便...估计由于装了最新版火狐浏览器的原因,之前好用的方法,如安装 open-link-with-new-tab,ta ...
使火狐浏览器默认在新的标签页打开链接
火狐浏览器默认总是把链接在当前页面打开,覆盖了原来内容,导致找之前在看的东西很不方便...估计由于装了最新版火狐浏览器的原因,之前好用的方法,如安装 open-link-with-new-tab,ta ...
EasyUI中Tabs标签页的简单使用
场景效果属性 tabs none 返回全部的标签页面板(tab panel). resize none 调整标签页(tabs)容器的尺寸并做布局. add options 添加一个新的标签页面板( ...
在新的标签页中代开编辑文件
我们在windows中使用vim时,经常会通过右键菜单选择"Edit with Vim"来打开文件.但这种方式打开的文件,会在当前窗口中打开,而不是像Ultra Edit那样在一个 ...

angularJs1.x 版本中 uib-tabset 如何默认激活不同的标签页

angularJs1.x 版本中 uib-tabset 如何默认激活不同的标签页相关推荐

最新文章

热门文章