2014-12-24 66 views
1

我使用的離子與框架爲Angularjs我的應用程序,但我被陷在頁面過渡。離子框架網頁過渡方向

該應用程序是爲iOS和後退按鈕提供方向作爲前進。有沒有可能用javascript/Angularjs設置方向?

這裏是我的網頁配置的一部分。

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

     .state('app', { 
      url: "/app", 
      abstract: true, 
      templateUrl: "templates/menu.html", 
      controller: 'AppCtrl' 
     }) 
     .state('app.dashboard', { 
      url: "/dashboard", 
      views: { 
       'menuContent': { 
        templateUrl: "templates/dashboard/dashboard.html" 
       } 
      } 
     }) 
     .state('app.DLRlogin', { 
      url: "/DLR_login", 
      views: { 
       'menuContent': { 
        templateUrl: "templates/dlr/dlr_login.html" 
       } 
      } 
     }) 
     .state('app.search_phone', { 
      url: "/search_phone", 
      views: { 
       'menuContent': { 
        templateUrl: "templates/search_phone/search_phone.html" 
       } 
      } 
     }) 

當用戶從儀表板進入一個頁面過渡GOED前進,這是很好的,但後退按鈕也給人一種向前的過渡。

回答

1

可以在$ionicConfigProvider定義視圖過渡,但你應該升級到Beta版14

+0

謝謝你,我理解了它了。只有更新到Beta 14纔會崩潰我的應用程序。我改變了我的狀態排序,並使用JavaScript來處理所有的鏈接 –

1

語法 - $ ionicConfigProvider.views.transition(過渡型);

哪種樣式的視圖過渡到使用。

  • 平臺:根據運行應用程序的平臺上的 ,動態選擇正確的轉換樣式。如果平臺不是ios 或android,那麼它將默認爲ios。
  • ios:iOS樣式轉換。 android:Android風格轉換。
  • none:不執行動畫轉換。

示例 - $ ionicConfigProvider.views.transition('platform');

文件 - http://ionicframework.com/docs/api/provider/ $ ionicConfigProvider/