將多個離子選項卡鏈接到同一視圖？

Question

是否可以將不同的標簽鏈接到同一視圖？ 現在我有：

<ion-tabs class="tabs-icon-top tabs-color-active-positive">

  <ion-tab title="Dashboard" icon-off="ion-ios-speedometer-outline" icon-on="ion-ios-speedometer" active="active.dashboard" >
    <ion-nav-view name="tab-app"></ion-nav-view>
  </ion-tab>

  <ion-tab title="Reports" icon-off="ion-ios-pie-outline" icon-on="ion-ios-pie">
    <ion-nav-view name="tab-app"></ion-nav-view>
  </ion-tab>

  <ion-tab title="Create" icon-off="ion-ios-plus" icon-on="ion-plus-circled" >
    <ion-nav-view name="tab-app"></ion-nav-view>
  </ion-tab>

  <ion-tab title="Approvals" icon-off="ion-ios-bell-outline" icon-on="ion-ios-bell">
    <ion-nav-view name="tab-app"></ion-nav-view>
  </ion-tab>

  <ion-tab title="Settings" icon-off="ion-ios-gear-outline" icon-on="ion-ios-gear" href="#/tab/settings">
    <ion-nav-view name="tab-settings"></ion-nav-view>
  </ion-tab>

</ion-tabs>

但是，這些選項卡中的每個選項卡只是tab-app的不同實例，控制器會重新加載，並且它們不共享任何屬性。

如何使選項卡共享同一視圖？ 我想將它們鏈接在一起，並讓控制器對選擇的任何選項卡起作用。 謝謝！

更新，添加路由：

.config(function($stateProvider, $urlRouterProvider) {

  // Ionic uses AngularUI Router which uses the concept of states
  // Learn more here: https://github.com/angular-ui/ui-router
  // Set up the various states which the app can be in.
  // Each state's controller can be found in controllers.js
  $stateProvider

  // setup an abstract state for the tabs directive
  .state('tab', {
    url: '/tab',
    abstract: true,
    templateUrl: 'templates/tabs.html',
    controller: 'TabCtrl'
  })

  // Each tab has its own nav history stack:

  .state('tab.app', {
    url: '/app',
    params: {state_location: null},
    views: {
      'tab-app': {
        templateUrl: 'templates/tab-app.html',
        controller: 'AppCtrl'
      }
    }
  })

  // if none of the above states are matched, use this as the fallback
  $urlRouterProvider.otherwise('/tab/app');

})

Answer 1

這基本上與具有共享數據的控制器相同。

• 您可以創建服務以在它們之間共享數據
• 您可以使用單個ui視圖並從jonic angular API添加和刪除頁面