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++版)
    连接mysql8.0时报错的问题
    关于idea无法使用搜狗输入法打出汉字的解决方案(转)
    bootStrap select组件相关问题
    idea 项目可以运行但是jsp中url报红的问题
    idea 项目启动找不到页面问题和run/debug只能启动一个的问题
    form序列化到后台中文乱码
    在js中获取bootStrap table 的属性
    三元运算符,多条件时判断
    Spring获取日期时间差8小时问题解决
  • 原文地址:https://www.cnblogs.com/lishidefengchen/p/7066008.html
Copyright © 2011-2022 走看看