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;
    }
  • 相关阅读:
    【C/C++开发】c++ 工具库 (zz)
    【机器学习】半监督学习
    【Python开发】Pycharm下的Anaconda配置
    【C/C++开发】emplace_back() 和 push_back 的区别
    【C/C++开发】容器set和multiset,C++11对vector成员函数的扩展(cbegin()、cend()、crbegin()、crend()、emplace()、data())
    【C/C++开发】C++11 并发指南三(std::mutex 详解)
    【C/C++开发】C++11 并发指南二(std::thread 详解)
    【C/C++开发】C++11 并发指南一(C++11 多线程初探)
    【C/C++开发】STL内嵌数据类型: value_type
    个股实时监控之综述
  • 原文地址:https://www.cnblogs.com/lishidefengchen/p/7066008.html
Copyright © 2011-2022 走看看