ionic tabs内嵌套tabs的奇怪问题

首页有四个tab组成,然后其中一个tab中还有嵌套了一个tab,然后进入嵌套中的tab页面,刷新订单列表页面会跳转到index.main这个路由,很是奇怪,求解答。

首页tab

<ion-view>
        <ion-tabs class="tabs-icon-top index-tabs" ng-class="{'tabs-item-hide': hideTabs}">

            <ion-tab title="首页" icon-on="icon-index-tab icon-tabs-main-on" icon-off="icon-index-tab icon-tabs-main-off" ui-sref="index.main">
                <ion-nav-view name="main">

                </ion-nav-view>
            </ion-tab>

            <ion-tab title="分类" icon-on="icon-index-tab icon-tabs-category-on" icon-off="icon-index-tab icon-tabs-category-off" ui-sref="index.category">
                <ion-nav-view name="category">

                </ion-nav-view>
            </ion-tab>

            <ion-tab title="购物车" icon-on="icon-index-tab icon-tabs-cart-on" icon-off="icon-index-tab icon-tabs-cart-off" ui-sref="index.cart">
                <ion-nav-view name="cart">

                </ion-nav-view>
            </ion-tab>

            <ion-tab title="我的" icon-on="icon-index-tab icon-tabs-ucenter-on" icon-off="icon-index-tab icon-tabs-ucenter-off" ui-sref="index.ucenter">
                <ion-nav-view name="ucenter">

                </ion-nav-view>
            </ion-tab>

        </ion-tabs>
</ion-view>

UCenter下面的页面嵌套的tab

<ion-view>
    <div class="tabs order-type-nav tabs-top">
        <a class="tab-item order-type-item" ui-sref="index.order.list({type:1})" ui-sref-active="active">
            全部订单
        </a>
        <a class="tab-item order-type-item" ui-sref="index.order.list({type:2})" ui-sref-active="active">
            待付款
        </a>
        <a class="tab-item order-type-item">
            待发货
        </a>
        <a class="tab-item order-type-item">
            待收货
        </a>
        <a class="tab-item order-type-item">
            待评价
        </a>
    </div>
    <ion-nav-view name="list" class="has-header"></ion-nav-view>
</ion-view>

路由配置

$stateProvider
    .state('index', {
      url: '/index',
      views: {
        'index': {
          templateUrl: "../app/views/tabs/tabs.html"
        }
      }
    })
    .state('index.main', {
      url: '/main',
      views: {
        'main': {
          templateUrl: "../app/views/tabs/main.html"
        }
      },
      data: {
        pageTitle: '天禧珠宝'
      }
    })
    .state('index.category', {
      url: '/category',
      views: {
        'category': {
          templateUrl: "../app/views/tabs/category.html"
        }
      },
      data: {
        pageTitle: '全部分类'
      }
    })
    .state('index.cart', {
      url: '/cart',
      views: {
        'cart': {
          controller: 'cartCtrl',
          templateUrl: "../app/views/tabs/cart.html"
        }
      },
      data: {
        pageTitle: '购物车'
      }
    })
    .state('index.ucenter', {
      url: '/ucenter',
      views: {
        'ucenter': {
          templateUrl: "../app/views/tabs/ucenter.html"
        }
      },
      data: {
        pageTitle: '个人中心'
      }
    })
    .state('index.product-list', {
      url: '/product/list',
      views: {
        'category': {
          templateUrl: "../app/views/product/list.html"
        }
      }
    })
    //产品列表跳转到详情页
    .state('index.product-details', {
      url: '/produt/details',
      views: {
        'category': {
          templateUrl: "../app/views/product/details.html"
        }
      },
      data: {
        pageTitle: '产品详情'
      }
    })
    //首页跳转到产品页
    .state('index.details', {
      url: '/produt-details',
      views: {
        'main': {
          templateUrl: "../app/views/product/details.html"
        }
      },
      data: {
        pageTitle: '产品详情'
      }
    })
    .state('index.order', {
      url: '/order',
      views: {
        'ucenter': {
          templateUrl: "../app/views/order/tabs.html"
        }
      },
      data: {
        pageTitle: '我的订单'
      }
    })
    //全部订单
    .state('index.order.list', {
      url: '/list/:type',
      views: {
        'list': {
          controller: 'orderListCtrl',
          templateUrl: "../app/views/order/list.html"
        }
      },
      data: {
        pageTitle: '订单列表'
      }
    })
阅读 2.9k
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进