ionic路由和tabs之间的问题

Question

<ion-tab title="首页" icon="ion-home" ui-sref="tabs.home" badge="badgenum" badge-style="badge-assertive">
    <ion-nav-view name="home-tab"></ion-nav-view>
</ion-tab>

<ion-tab title="任务通知" icon="ion-chatbox-working" ui-sref="tabs.notice">
    <ion-nav-view name="notice-tab"></ion-nav-view>
  </ion-tab>
  

有一个通用HTML模板要在这两个tabs下使用，请问，只能这样写吗？

   .state('tabs.budget', {
          url: '/budget/:detailObj',
          cache: true,
          views: {
            'home-tab': {
              templateUrl: '../templates/tab-budget.html',
              controller: 'BudgetCtrl'
            }
          }
        })
        .state('tabs.Mbudget', {
          url: '/Mbudget/:detailObj',
          cache: true,
          views: {
            'notice-tab': {
              templateUrl: '../templates/tab-budget.html',
              controller: 'BudgetCtrl'
            }
          }
        })

那如果还有一个三级界面呢？是不是也要写两套路由？有没有什么解决办法，感觉这样的思路很麻烦

Answer 1

你这个通用的应该算是组件吧，我也正在学习使用ionic，你试试用命令行新建一个组件，然后在需要使用的tab页中引用呢，参考：http://www.cnblogs.com/greyze...

新建页面：

ionic g component childPage

在tab页中引用

<childPage></childPage>