I am using the angular router with ionic-tabs (Angular, Ionic, and Capacitor). I have an onboarding page, with a “Get Started” button. When the button is pushed, it navigates to the “landing page” which is just a page with my tab navigation elements at the bottom of the screen. Within that page I have 4 tabs, with 4 separate views. Within in the “Home” tab, I have a nested tabs element with three more tabs.
Sorry, I know that’s kind of confusing. But here’s my problem. When I push the “Get started” button from the onboarding page, the tabs load at the bottom but I have to actually tap the “home” button to get the tab to display. Then again, within the home page, where I have the nested tabs, I need to actually tap on the first tab to get the data to display…
My question is, how do I get the tab data to display automatically without having to tap on the tab? I have used the active tab function and set it to true, but that only highlights the tab instead of actually displaying it. Is there a way I can have the home page display without having to tap on the home tab, and the nested tab to display without having to tap on the first tab in the nest?
If you need to see my code, let me know…