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;
    }
  • 相关阅读:
    You can’t access this shared folder because your organization’s security policies block unauthenticated guest access
    iOS 程序退出之后
    给网站得标签头加上小图标
    ios外界蓝牙适配
    JavaScript&jquery判断下载地址是否可用,同时判断浏览器是否禁用弹窗
    GCD初级使用
    find与xargs
    sed命令详解
    shell变量详解
    date命令详解
  • 原文地址:https://www.cnblogs.com/lishidefengchen/p/7066008.html
Copyright © 2011-2022 走看看