Как использовать nav.popTo() (ионный 2)?

Question

Я использую NavController. Чтобы вернуться назад, я могу использовать nav.pop(), но как использовать nav.popTo(), если мне нужно перейти на другую страницу (не последнюю)?

constructor(nav: NavController) { 
this.nav = nav; 

this.nav.push(MyNextPage); 

Answer 1

nav.popTo() предназначен для отступления нескольких уровней в иерархии страниц.

Например, если ваша страница иерархия login -> welcome -> article1 -> detail1 вы можете использовать что-то вроде:

constructor(nav: NavController) { 
this.nav = nav; 

this.nav.popTo(MyWelcomePage); 

Чтобы вернуться к странице приветствия. См. Документы для дальнейших навигационных методов и деталей: http://ionicframework.com/docs/v2/api/components/nav/NavController/#popTo

Answer 2

Почему бы не просто использовать Ionic's nav.setRoot(@component)?

Принимая приведенный выше пример, вы можете легко сделать

nav.push(welcome) -> nav.push(article1) -> nav.push(detail1)

и вернуться на главную страницу сайта, просто nav.setRoot(welcomePage)

Edit: Я думаю, что это сбрасывает стек.

Answer 3

Существует проблема с ионным 2 popTo(). Ожидается, что Ионная команда исправит это.

См ссылки ниже: https://forum.ionicframework.com/t/viewcontroller-and-popto-ionic-2/53704

https://github.com/driftyco/ionic/issues/6513

Answer 4

вы тучными получить индекс this.navCtrl.getByIndex(int i) и установить его внутри popTo() см код ниже:

this.navCtrl.popTo(this.navCtrl.getByIndex(1)); 

с этим, например, вы можете поп две страницы

Answer 5

Вот код, чтобы подняться на два уровня s, то есть на родительскую страницу предыдущей страницы.

this.navCtrl.popTo(this.navCtrl.getByIndex(this.navCtrl.length()-3)); 

Поп на корневую страницу.

this.navCtrl.popToRoot(); 

Answer 6

Это поздно, но для кого-то, кто хочет его, см https://github.com/ionic-team/ionic/blob/master/src/navigation/nav-controller.ts ссылки.

abstract popTo(page: Page | string | ViewController, opts?: NavOptions, done?: TransitionDoneFn): Promise<any>; 

Таким образом, вы можете использовать popTo ('pagename' или PageName или index) и с параметрами.

Answer 7

Если вы отложенной загрузки вам нужно что-то вроде этого:

let targetView = this._navCtrl.getViews().filter(view=> view.id == 'MyAwesomePage') 
targetView.length ? this._navCtrl.popTo(targetView[0]) : this._navCtrl.pop() 

Заметьте, что вы можете справиться отходящий дело с чем-то другим, чем просто поп()

Если вы хотите более контроль на каком экземпляре зрения вы хотите идти, вы можете попробовать что-то вроде этого:

let index: number; 
let views: any[] = this._navCtrl.getViews() 
let found: boolean = views.some((view, i) =>{ 
    index = i 
    return (view.id == 'MyAwesomePage') 
}) 
found ? this.navCtrl.popTo(views[index]) : this._navCtrl.pop() 

вы можете getViews().reverse(). filter() или views.reverse(). some(), чтобы получить последние вхождения.

Это использует Ионные 3 и Array.some() из ES5