ionic 中默认安装后导航在底部解决方案

转至：http://bbs.phonegap100.com/thread-1495-1-1.html


$ionicConfigProvider, ios and android

在 iOS中, tabs 一直处于底部. 在android中 ionic tabs 一直在顶部,如果要改我们可以通过配置$ionicConfigProvider。

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

        $ionicConfigProvider.platform.ios.tabs.style('standard');

        $ionicConfigProvider.platform.ios.tabs.position('bottom');

        $ionicConfigProvider.platform.android.tabs.style('standard');

        $ionicConfigProvider.platform.android.tabs.position('standard');

        $ionicConfigProvider.platform.ios.navBar.alignTitle('center');

        $ionicConfigProvider.platform.android.navBar.alignTitle('left');

        $ionicConfigProvider.platform.ios.backButton.previousTitleText('').icon('ion-ios-arrow-thin-left');

        $ionicConfigProvider.platform.android.backButton.previousTitleText('').icon('ion-android-arrow-back');        

        $ionicConfigProvider.platform.ios.views.transition('ios');

        $ionicConfigProvider.platform.android.views.transition('android');

  // 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"

  })

  // Each tab has its own nav history stack:

  .state('tab.dash', {

    url: '/dash',

    views: {

      'tab-dash': {

        templateUrl: 'templates/tab-dash.html',

        controller: 'DashCtrl'

      }

    }

  })

  .state('tab.chats', {

      url: '/chats',

      views: {

        'tab-chats': {

          templateUrl: 'templates/tab-chats.html',

          controller: 'ChatsCtrl'

        }

      }

    })

    .state('tab.chat-detail', {

      url: '/chats/:chatId',

      views: {

        'tab-chats': {

          templateUrl: 'templates/chat-detail.html',

          controller: 'ChatDetailCtrl'

        }

      }

    })

  .state('tab.account', {

    url: '/account',

    views: {

      'tab-account': {

        templateUrl: 'templates/tab-account.html',

        controller: 'AccountCtrl'

      }

    }

  });

  // if none of the above states are matched, use this as the fallback

  $urlRouterProvider.otherwise('/tab/dash');

});