Я использую Ionic Framework и вкладки.
Я хотел бы перейти от Tab C к Tab B> Child B1, и это приведет к кнопке No Back (для просмотра B).
Я использовал href
, ui-sref
и state.go()
метод... всегда то же самое! Нет кнопки "Назад".
$scope.gogo = function(){
$state.go('tab.recap', {chatId: 2});
};
С помощью <button ng-click="gogo()">Go yeahhhh</button>
ИЛИ
<a ui-sref="tab.recap({postId:2})">aze</a>
ИЛИ
<a href="#/tab/projets/2">aze</a>
И вот как я направляюсь:
$stateProvider
.state('tab', {
url: '/tab',
abstract: true,
templateUrl: 'templates/tabs.html',
controller: 'AppCtrl'
})
.state('tab.accueil', {
url: '/accueil',
views: {
'tab-accueil': {
templateUrl: 'templates/tab-accueil.html',
controller: 'AccueilCtrl'
}
}
})
.state('tab.projets', { // TAB B
url: '/projets',
views: {
'tab-projets': {
templateUrl: 'templates/tab-projets.html',
controller: 'ProjetsCtrl'
}
}
})
.state('tab.recap', { // TAB B1
url: '/projets/:chatId',
views: {
'tab-projets': {
templateUrl: 'templates/recap.html',
controller: 'RecapCtrl'
}
}
})
.state('tab.fiche', { // TAB B2
url: '/projets/:chatId/:ficheId',
views: {
'tab-projets': {
templateUrl: 'templates/fiche.html',
controller: 'FicheCtrl'
}
}
})
.state('tab.notifications', { // TAB C
url: '/notifications',
views: {
'tab-notifications': {
templateUrl: 'templates/tab-notifications.html',
controller: 'NotificationsCtrl'
}
}
})
....
EDIT: Я понимаю, что это нормально! Когда я это делаю, он не должен быть кнопкой "Назад". Но как я могу вручную проверить, нет ли кнопки "Назад" и поместить ее вручную?
спасибо
Хорошо, поэтому я стараюсь сделать это без успеха:
Когда я перехожу из вида C, чтобы просмотреть B1, я ищу $ ionicHistory.backView(). StateName в этом представлении B1. (В обычном порядке это "tab.projets")
if($ionicHistory.backView().stateName != "tab.projets")
{
$scope.display_custom_back_button = true;
}
Он работает (он корректно обнаруживает), но как я могу отобразить "Моя пользовательская кнопка назад" на мой взгляд?
<ion-view view-title="{{chat.name}}">
<ion-content class="padding">
<img ng-src="{{chat.face}}" style="width: 64px; height: 64px">
<p>
<a href="#/tab/projets/{{chat.id}}/1111"> {{chat}} {{chat.lastText}}</a>
</p>
</ion-content>
</ion-view>
Вы можете переопределить поведение по умолчанию, добавив <ion-navbar>//do what you want here</ion-navbar>
в свой шаблон. В этом сообщении больше обсуждается тема. Я не работал с ионным в какой-то момент, но последнее, что я делал, просто сделанное выше заставило его работать. Дайте мне знать, как это происходит, ура.