Need some help about $stateProvider design base on tabs

ionic-v1
1

image
road.png580×697 36 KB

hello everyone,
It base on tabs, how to design $stateProvider like picture shows?

My $state is this…

.state('separated-shop-detail', {
			url: '/shopdetail/:shopId',
			templateUrl: 'templates/separatedShop.html',
			controller: 'SeparatedShopCtrl',
			data: {
				authorizedRoles: [USER_ROLES.all]
			}
		})

		.state('separated-goods-info', {
			url: '/goodsinfo/:goodsId',
			templateUrl: 'templates/separatedGoods.html',
			controller: 'SeparatedGoodsCtrl',
			data: {
				authorizedRoles: [USER_ROLES.all]
			}
		})

		// setup an abstract state for the tabs directive
		.state('tab', {
			url: '/tab',
			abstract: true,
			templateUrl: 'templates/tabs.html',
			data: {
				authorizedRoles: [USER_ROLES.all]
			}
		})

		// Each tab has its own nav history stack:

		.state('tab.dash', {
			url: '/dash',
			views: {
				'tab-dash': {
					templateUrl: 'templates/tab-dash.html',
					controller: 'DashCtrl'
				}
			},
			data: {
				authorizedRoles: [USER_ROLES.all]
			}
		})
		.state('tab.cart', {
			url: '/cart',
			views: {
				'tab-cart': {
					templateUrl: 'templates/tab-cart.html',
					controller: 'CartCtrl'
				}
			},
			data: {
				authorizedRoles: [USER_ROLES.all]
			}
		})

		.state('tab.account', {
			url: '/account',
			views: {
				'tab-account': {
					templateUrl: 'templates/tab-account.html',
					controller: 'AccountCtrl'
				}
			},
			data: {
				authorizedRoles: [USER_ROLES.all]
			}
		});

but shoDetail and goodsDetail view has no nav-back-button, is it should put a button in ion-nav-buttons? or other way of design $stateProvider??

Thanks…

2

I means, If go single page from tab.somewere, and then how to nav back to tab.somewhere from single page ??

code like this … when nav from facts2.html to forget.html, then how to nav back ???

ps: if go to single page, the tabs animations are disappear…