ionic之app.js中的路由配置關係和導航居底部的解決方案
阿新 • • 發佈：2019-01-23
- 工作中遇到一個問題，用谷歌瀏覽器的手機端除錯介面時，導航是位於底部的，用自己的手機除錯時，導航卻在頂部標題下面，並沒有居於底部，在調頁面的時候帶了很多麻煩。
- 路由之間的配置關係，詳情待補充......
var profile = angular.module('profile',[]); var cbill = angular.module('cbill',[]); var cproduct = angular.module('cproduct',[]); var csowing = angular.module('csowing',[]); var clesunClound = angular.module('clesunClound', ['ionic', "ngCookies", "ngFileUpload","cproduct","cbill","csowing","profile"]) .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('bottom'); $ionicConfigProvider.platform.ios.navBar.alignTitle('center'); $ionicConfigProvider.platform.android.navBar.alignTitle('center'); $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'); $urlRouterProvider.otherwise('/login'); $stateProvider.state('tab', { url: '/tab', abstract: true, templateUrl: 'templates/tabs.html',//農事，產品，活動，我的導航 controller: "navCtrl" }) //1. 定植列表-首頁 .state('tab.csowingList', { url: '/csowingList', views: { 'tabCsowingList': { templateUrl: 'templates/csowing/csowingList.html',//定植列表—首頁 controller: 'csowingListCtrl' } } }) //2. 農事列表 -- 從定植列表跳轉 .state('tab.csowingCproduceList', { url: '/csowingList/:sowingid', views: { 'tabCsowingList': { templateUrl: 'templates/csowing/csowingCproduceList.html',//定植列表-》農事列表介面 controller: 'csowingCproduceListCtrl' } } }) //3. 農事詳情--從農事列表跳轉 .state('tab.csowingCproduceDetail', { url: '/csowingList/:sowingid', views: { 'tabCsowingList': { templateUrl: 'templates/csowing/csowingCproduceDetail.html',//農事列表-》農事詳情介面 controller: 'csowingDetailCtrl' } } }) //4. 新增定植 .state('tab.csowingPublish', { url: '/csowingList/:sowingid', views: { 'tabCsowingList': { templateUrl: 'templates/csowing/csowingPublish.html' //農事—定植列表—新增定植介面 //controller: 'csowingPublishCtrl' } } }) //5. 新增農事 .state('tab.csowingCproducePublish', { url: '/csowingList/:sowingid', views: { 'tabCsowingList': { templateUrl: 'templates/csowing/csowingCproducePublish.html' //農事—定植列表—新增農事介面 //controller: 'csowingPublishCtrl' } } }) .state('tab.cproductList', { url: '/cproductList', views: { 'tabCproductList': { templateUrl: 'templates/cproduct/ctabProductList.html',//產品—產品列表首頁 controller: 'cproductListCtrl' } } }) .state('tab.cproductDetail', { url: '/cproductDetail', views: { 'tabCproductList': { templateUrl: 'templates/cproduct/cproductDetail.html', //產品—產品詳情介面 controller: 'cproductDetailCtrl' } } }) .state('tab.cproductPublish', { url: '/cproductPublish', views: { 'tabCproductList': { templateUrl: 'templates/cproduct/cproductPublish.html',//產品—釋出產品介面 controller: 'cproductPublishCtrl' } } }) .state('tab.cbillList', { url: '/cbillList', views: { 'tabCbillList': { templateUrl: 'templates/cbill/ctabBillList.html',//活動—活動列表首頁 controller: 'cbillListCtrl' } } }) .state('tab.cbillListDetail', { url: '/cbillList/:billId', views: { 'tabCbillList': { templateUrl: 'templates/cbill/cbillDetail.html',//活動—活動列表—活動列表詳情介面 controller: 'cbillDetailCtrl' } } }) .state('tab.cbillPublish', { url: '/cbillPublish', views: { 'tabCbillList': { templateUrl: 'templates/cbill/cbillPublish.html', //活動-活動列表-釋出活動介面 controller: 'cbillPublishCtrl' } } }) .state('tab.profile', { url: '/profile', views: { 'tabProfile': { templateUrl: 'templates/profile/tabProfile.html',//我的—我的農事檔案首頁 controller: 'profileCtrl' } } }) .state('tab.profileCaccountDetail', { url: '/profileCaccountDetail', views: { 'tabProfile': { templateUrl: 'templates/profile/profileCaccountDetail.html',//我的—我的農事檔案詳情—農場基本資料介面 controller: 'caccountCtrl' } } }) .state('tab.profileCqrCode', { url: '/profileCqrCode', views: { 'tabProfile': { templateUrl: 'templates/profile/profileCqrCode.html',//我的—我的農事檔案—二維碼管理 controller: 'qrcodeListCtrl' } } }) .state('tab.profileCfarmEquipment', { url: '/profileCfarmEquipment', views: { 'tabProfile': { templateUrl: 'templates/profile/profileCfarmEquipment.html'//我的—我的農事檔案—農場裝置 } } }) .state('tab.profileCsuggestionBack', { url: '/profileCsuggestionBack', views: { 'tabProfile': { templateUrl: 'templates/profile/profileCsuggestionBack.html',//我的—我的農事檔案—意見反饋 controller: 'csuggestionBackCtrl' } } }) .state("login", { url: "/login", templateUrl: "templates/common/login.html", controller: "loginCtrl" }); }) .run(function ($window,$ionicPlatform, $rootScope, $state, $stateParams, appService, userService, locationService, cacheService) { $ionicPlatform.ready(function () { // Hide the accessory bar by default (remove this to show the accessory bar above the keyboard // for form inputs) if (window.cordova && window.cordova.plugins && window.cordova.plugins.Keyboard) { cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true); cordova.plugins.Keyboard.disableScroll(true); } if (window.StatusBar) { // org.apache.cordova.statusbar required StatusBar.styleDefault(); } $rootScope.$state = $state; $rootScope.$stateParams = $stateParams; $rootScope.USERINFO = {}; //獲取usertoken userService.getUserToken(); $rootScope.$watch("USERTOKEN", function (data) { // 獲取資源物件 if (data) { appService.initApp(["CUSER", "CQUOTATIONBILL", "CORDERDETAIL", "CPRODUCT", "CCATALOG", "CPRODUCE", "VCPRODUCT", "CARTICLE", "CNEWS", "CACTIVITY", "CASSETS", "CLOC", "CCERT", "CPRODUCT", "VCBANNER", "CACCOUNT", "VCACCOUNT", "CUSERINTEREST", "CUSERVOTE", "CUSERCOMMENT", "CMESSAGE", "CTELSMS", "CFEEDBACK", "CVERSION", "CROLEUSER", "CROLEAUTH", "CROLE", "CINTEGRALRULES", "CINTEGRALDETAIL", "CSESSION"]); } }); //預設獲取當前為在的經緯度 locationService.doGetLocation().then(function (res) { if (res.status == '1') { //{"status":"1","info":"OK","infocode":"10000","province":"北京市","city":"北京市","adcode":"110000","rectangle":"116.0119343,39.66127144;116.7829835,40.2164962"} cacheService.setSObject("LOCATION", res); var latlng = res.rectangle.split(";"); var lng11 = latlng[0].split(","); var lat11 = latlng[1].split(","); var lng = (parseFloat(lng11[0]) + parseFloat(lat11[0])) / 2; var lat = (parseFloat(lng11[1]) + parseFloat(lat11[1])) / 2; cacheService.setS("LNG", lng); cacheService.setS("LAT", lat); } else { if ($window.navigator.geolocation) { var options = { enableHighAccuracy: true }; $window.navigator.geolocation.getCurrentPosition(function (position) { // 獲取到當前位置經緯度 本例中是chrome瀏覽器取到的是google地圖中的經緯度 var LNG = position.coords.longitude; var LAT = position.coords.latitude; cacheService.setS("LNG", LNG); cacheService.setS("LAT", LAT); }, function (error) { cacheService.setS("LNG", "0"); cacheService.setS("LAT", "0"); }, options); } else { cacheService.setS("LNG", "0"); cacheService.setS("LAT", "0"); } } }); }); }) /** * 靜態變數，系統配置。 */ .service("constantService", ["$rootScope", function ($rootScope) { this.PID = "YNY"; this.HOST = "http://115.28.19.205/server/"; this.REQURL = "api/"; this.WXREQURL = "wxjsapi/"; this.USERINFO = "USERINFO"; this.SUPERVISE = 'aw6w4w2c2l0s4e5n8c9om94702f5b97d';//監管ID this.cloundServer = "http://115.28.19.205/#/register"; this.UPLOADDOMAIN = "http://res.nongyongtong.com/"; this.productLocation = "http://115.28.19.205/#/productStoreProDetail"; $rootScope.ISWINXINCLIENT = true; //農場版 輪播圖 SOURCEAID 和 SOURCEID 以及業務型別 this.PRODUCT_BANNER = { SOURCEAID: "CACCOUNT", //交易商 指 政府 SOURCEID: this.SUPERVISE, //政府ID BANNERBUSINESSTYPE: { HOME: "HOME", // 首頁輪播 1 PRODUCTSUPERVISE: "PRODUCTSUPERVISE", //生產監管輪播 2 PRICEANALYZE: "PRICEANALYZE", //價格分析輪播 3 PRODUCTSTORE: "PRODUCTSTORE", //產品商城輪播 4 PRODUCTSTOREAD: "PRODUCTSTOREAD", //產品商城廣告輪播 4 NEWSANNUNCIATE: "NEWSANNUNCIATE" //新聞動態輪播 5 } }; this.BANNERBUSINESSTYPE = { HOME: "HOME", // 首頁輪播 1 PRODUCTSUPERVISE: "PRODUCTSUPERVISE", //生產監管輪播 2 PRICEANALYZE: "PRICEANALYZE", //價格分析輪播 3 PRODUCTSTORE: "PRODUCTSTORE", //產品商城輪播 4 PRODUCTSTOREAD: "PRODUCTSTOREAD", //產品商城廣告輪播 4 NEWSANNUNCIATE: "NEWSANNUNCIATE" //新聞動態輪播 5 } }]);