I'm doing a navigation between a tab and two views here my app.js configuration
.state('tab', {
url: '/tab',
abstract: true,
templateUrl: 'templates/tabs.html',
cache: 'true'
})
.state('tab.domiciliarios', {
url: '/domiciliarios',
views: {
'tab-domiciliarios': {
templateUrl: 'templates/domiciliarios.html',
controller: 'DashCtrl',
controller: 'ChatsCtrl'
}
}
})
.state('tab.perfilDomiciliario', {
url: '/perfilDomiciliario/:chatId',
views: {
'tab-domiciliarios': {
templateUrl: 'templates/perfilDomiciliario.html',
controller: 'ChatDetailCtrl'
}
}
})
.state('tab.chats', {
url: '/chats',
views: {
'tab-chats': {
templateUrl: 'templates/tab-chats.html',
controller: 'ChatsCtrl'
}
}
})
.state('tab.chat-detail', {
url: '/chats/:chatId',
views: {
'tab-chats': {
templateUrl: 'templates/chat-detail.html',
controller: 'ChatDetailCtrl'
}
}
});
from the tabs I call them in this way
href="#/tab/perfilDomiciliario/{{chat.id}}"
href="#/tab/chats/{{chat.id}}"
at the beginning it works fine after navigating between the views recurrently it stops showing me the back button