關於Angular.js和ionic配合使用ios和安卓的tab等不統一的解決方案
阿新 • • 發佈:2018-12-30
.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 使用的是使用狀態概念的AngularUi路由器 // 瞭解更多: https://github.com/angular-ui/ui-router // 設定應用程式可以使用的各種狀態. // 每個狀態的控制器都可以在controller.js中找到。 $stateProvider // 設定選項卡指令的抽象狀態 .state('tab', { url: "/tab", abstract: true, templateUrl: "templates/tabs.html" }) //每個tab都有自己的導航歷史堆疊 .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' } } }); //如果上述每個狀態都不匹配,使用下面的作為回退 $urlRouterProvider.otherwise('/tab/dash'); });