navigate back to tabspage and give an active tab with

Asked May 18 '17 at 12:44

Active Jun 01 '17 at 23:40

Viewed 449 times

I am working on an application and I want to navigate back to the TabsPage and than the specific second tab of 4 tabs.

So what I tried based on other answers on stack is this:

    export class ModalPage {  
      public tab: Tabs;

      constructor(public navCtrl: NavController, private viewCtrl: ViewController, public params: NavParams) {
          this.tab = this.navCtrl.parent;
      }

  submit(score, comment){
    let currentIndex = this.slides.getActiveIndex();

    if(currentIndex === this.allExercises.length - 1){

      this.tab.select(1);
    }

But this throws me this error: ERROR TypeError: Cannot read property 'select' of null

How can I navigate within that if statement to the TabsPage with the second tab as active? Maybe there is an other way of achieving this.

edited Jun 01 '17 at 23:40

Gabriele Petrioli

191,379
34
261
317

asked May 18 '17 at 12:44

Sireini

4,142
12
52
91

this is a modal? – Suraj Rao May 18 '17 at 12:48
Just a page which functions as a modal – Sireini May 18 '17 at 12:49
@suraj why? Could you maybe help me out on this? – Sireini May 18 '17 at 17:48
how are you opening this ModalPage ? – Sandeep Sharma May 18 '17 at 18:53
@SandeepSharma like this: ` let modal = this.modalCtrl.create(ModalPage, { sliderParam: this.slides, allExercisesParam: this.allExercises });` ` modal.present();` – Sireini May 18 '17 at 19:00
if you inserted TabsPage to the root then you could get Tabs ref by this.navCtrl._app._rootNav._children[0] . Reasoning is Model and Root component are being inserted into the ion-app at the same level. You can't use directly navCtrl of model to get the Tabs. – Sandeep Sharma May 18 '17 at 19:22
@SandeepSharma in my app.component.ts I set the rootPage like this: ` rootPage:any = LoginPage; ` But this will not show up again when logged in. – Sireini May 18 '17 at 19:25
Yes if later in the app you use this.navCtrl.setRoot(TabsPage), then replace this.navCtrl.parent; line of code with the above code and give a try. – Sandeep Sharma May 18 '17 at 19:29
@SandeepSharma could you provide me an aswer please? – Sireini May 18 '17 at 20:05
in the code it says property `_app` does not exist on type `NavController` – Sireini May 18 '17 at 21:05
but when i console.log this.navCtrl than i see it, I cant build my app because of this error any suggestions?? – Sireini May 19 '17 at 10:14

navigate back to tabspage and give an active tab with

0 Answers0