zoukankan      html  css  js  c++  java
  • 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;
    }
  • 相关阅读:
    JVM调优
    【转】中文分词之HMM模型详解
    xwiki enterprise 8.4.5使用https步骤
    dubbo和shiro的整合,在服务端做权限验证
    电商课题:分布式锁
    Export large data from Gridview and Datareader to an Excel file using C#
    sap学习笔记
    git拉取远程分支并创建本地分支
    Echarts 解决饼图文字过长重叠的问题
    用localStorage坚持Vuex状态----vuex-persistedstate
  • 原文地址:https://www.cnblogs.com/lishidefengchen/p/7066008.html
Copyright © 2011-2022 走看看