The configuration for the two tabs is the following:
.state('menu.home', {
url: "/home",
abstract: true,
views: {
'menuContent': {
templateUrl: "templates/home.html",
controller: "HomeCtrl"
}
}
})
.state('menu.home.food', {
cache: false,
url: '/category/food/:categoryId',
views: {
'food': {
templateUrl: 'templates/category.html',
controller: "CategoryCtrl"
}
}
})
.state('menu.home.wine', {
cache: false,
url: '/category/wine/:categoryId',
views: {
'wine': {
templateUrl: 'templates/category.html',
controller: "CategoryCtrl"
}
}
})
Not sure if this is the best practice, but on iOS it works fine.