動畫，並保留標籤頁的歷史

我剛剛開始與Ionic，並遇到了一個令人困惑的問題;我有一對夫婦的設置頁面（屬性，測試和XYZZY）設置爲路由器如下：動畫，並保留標籤頁的歷史

$stateProvider 

    .state('properties', { 
     url: '/properties', 
     templateUrl: 'templates/properties.html', 
     controller: 'PropertiesController' 
    }) 

    .state('test', { 
     url: '/test', 
     abstract: true, 
     templateUrl: 'templates/test.html', 
     controller: 'TestController' 
    }) 
    .state('test.one', { 
     url: '/one', 
     views: { 
      'one-tab': { 
       templateUrl: 'templates/test-one.html', 
       controller: 'TestController' 
      } 
     } 
    }) 
    .state('test.two', { 
     url: '/two', 
     views: { 
      'two-tab': { 
       templateUrl: 'templates/test-two.html', 
       controller: 'TestController' 
      } 
     } 
    }) 

    .state('xyzzy', { 
     url: '/xyzzy', 
     templateUrl: 'templates/xyzzy.html', 
     controller: 'XyzzyController' 
    });

本質上有兩個普通而簡單的頁面（屬性和XYZZY）和一個頁面標籤（測試）。每個頁面的模板非常簡單，看起來像這樣 - Properties，Xyzzy和Test

夠了解釋，這裏的問題：你可以看到，在XYZZY頁面檢測，我已經從屬性導航到它頁面，並給我一個很好的後退按鈕。它不會顯示，如果我去測試頁面雖然（與選項卡）。該代碼是這樣的：

<ion-nav-bar class="bar-positive"> 
    <ion-nav-back-button></ion-nav-back-button> 
</ion-nav-bar>

此外，當我性能與XYZZY，就在一個可愛的小動畫，看起來乾淨左/頁幻燈片之間切換。但是，當我進入測試頁面時，根本沒有轉換，當我離開時，也沒有轉換。

我花了幾個小時環顧Google，但無法找到任何與標籤頁面轉換/切換相關的內容。有任何想法嗎？

更新：這裏的景色正在興建關閉（index.html中）的代碼：

<body ng-app="app"> 

<ion-nav-bar class="bar-positive"> 
    <ion-nav-back-button></ion-nav-back-button> 
</ion-nav-bar> 

<ion-nav-view animation="slide-left-right"></ion-nav-view> 

</body>

來源

2015-10-06 Joe

過渡您可以使用

<ion-nav-view name="main" animation="slide-left-right"></ion-nav-view>

您

網頁

來源

2015-10-06 12:25:14

我試過了，它看起來像添加'name =「main」'導致沒有內容加載，並且添加'animated =「slide-left-right」'不會改變功能ity - 我已將index.html添加到第一篇文章，如果有幫助 – Joe

動畫，並保留標籤頁的歷史

回答

相關問題