getComponent alternative

[raducostea]

Hello since getComponent is no longer available i have the next scenario.

Inside app.ts and app.html i have a menu component and a nav component.
Inside the nav component i am adding a page witch contain tabs. When clicking on the menu, which is part of the app component i want to be able to change tabs.

Originally it was easy by using:

this.app.getComponent(‘mytabs’).select(3)

Now i understand that i need to use viewchild so i tried using both:

@ViewChild(‘mytabs’) tabs:Tabs;

The ion-tab component has a #mytabs reference.

And

@ViewChild(Tabs) tabs:Tabs;

Both time the this.tabs var is undefined. My guess is that the component is not available when the app.ts component is initialized. What are my options here?

Here is my ionic info

Cordova CLI: 6.1.1
Gulp version: CLI version 3.9.1
Gulp local: Local version 3.9.1
Ionic Framework Version: 2.0.0-beta.7
Ionic CLI Version: 2.0.0-beta.29
Ionic App Lib Version: 2.0.0-beta.16
OS:
Node Version: v4.4.0

[doron]

Any progress on this? I really need to get at the tabs from the app…

This issue

NavParams / Providers Issues in Ionic 2 BETA

you only get the navcontroller via @ViewChild decorator. NavParams is a simple service you can inject via dependency injection: import {Component} from '@angular/core'; import {NavParams} from 'ionic-angular'; @Component({…}) export MyComponent { constructor(private params: NavParams) { console.log(this.params); } }

claims you only get the navcontroller from using @ViewChild

is that the intended behavior of @ViewChild? Does this mean that there is no getComponent alternative at the moment? Thanks.

[doron]

I think my answer here tackles this issue somewhat

ViewChild, undefined

Ok, I finally figured it out. This problem is solved for me now. Getting tabs and side-menu working together (also using @ViewChild) – or… "Why is my @ViewChild(Tabs) property undefined?" Short answer: If Tabs is only in the code and not in the template, you get undefined in the code. If it's in the template as well, it works. Long answer: If you already have a TabsPage component class in its own folder with scss and html and js/ts files, follow this to get it to work with your sideme…