I really new to ionic. I have started an app with ionic. My views work correctly in the browser. But when i try to load in my mobile device(Samsung galaxy S3) or in the Emulator(Google Nexus) the navigation doesn’t work enterly.
mobile.config(function($stateProvider, $urlRouterProvider, $ionicConfigProvider){
$stateProvider.state('tab', {
url: "/tab",
abstract: true,
templateUrl: "app/partials/root/tabs.html"
})
.state('tab.home',{
url: "/home",
views: {
'dashboard': {
templateUrl: 'app/partials/home/dashboard.html'
}
}
})
.state('tab.search', {
url: "/search",
views: {
'search': {
templateUrl: 'app/partials/search/search.html'
}
}
})
.state('tab.login', {
url: "/login",
views: {
'login': {
templateUrl: 'app/partials/user/login.html'
}
}
})
.state('tab.ticket', {
url: "/ticket",
'views': {
'ticket': {
templateUrl: 'app/partials/bet/ticket.html'
}
}
})
.state('tab.sportBetting', {
url: "/betting",
'views': {
"dashboard": {
templateUrl: 'app/partials/bet/sport-betting.html',
controller: 'sportBettingCtrl'
}
}
})
.state('tab.countryBetting', {
url: "/country",
views: {
"dashboard": {
templateUrl: 'app/partials/bet/country-betting.html',
controller: 'CountryBettingCtrl'
}
}
})
.state('tab.liveBetting', {
url: "/live",
'views': {
"dashboard": {
templateUrl: 'app/partials/live/live-betting.html'
}
}
})
;
$urlRouterProvider.otherwise('/tab/home');
$ionicConfigProvider.views.transition("android");
$ionicConfigProvider.tabs.position("bottom");
$ionicConfigProvider.navBar.alignTitle("center");
});
I can acces the home view (Dashboard) i can also navigate to the sportBetting. But when i try to access the Country betting from the sport-betting.html it’s does not wok on my mobile phone. But it work correctly on my browser. what could be the problem?