ionic之app.js中的路由配置关系和导航居底部的解决方案

工作中遇到一个问题，用谷歌浏览器的手机端调试界面时，导航是位于底部的，用自己的手机调试时，导航却在顶部标题下面，并没有居于底部，在调页面的时候带了很多麻烦。
路由之间的配置关系，详情待补充......  

   

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");
cacheS
aed8
ervice.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
}
}]);