How to Dynamically change One Tab component?


#1

Hi,

i want to change dashboard tab component dynamically, the component changed but when i click that tab double times, then only it will changed that tab component otherwise it’s showing existing component.
example :
setTabPages(sel_name) {
let dash_page: any = DashboardPage;
switch (sel_name) {
case ‘My Orders’:
dash_page = MyOrdersPage;
this.tab_icon = “clipboard”;
this.tab_home_title = “My Orders”;
break;
case ‘My Invoices’:
dash_page = MyInvoicesPage;
this.tab_icon = “paper”;
this.tab_home_title = “My Invoices”;
break;
case ‘Schemes’:
dash_page = SchemesPage;
this.tab_icon = “flower”;
this.tab_home_title = “Schemes”;
break;
case ‘My Favorites’:
dash_page = FavoritesPage;
this.tab_icon = “heart”;
this.tab_home_title = “My Favorites”;
break;
case ‘Helpline’:
dash_page = “HelplinePage”;
this.tab_icon = “help-circle”;
this.tab_home_title = “Helpline”;
break;
case ‘Feedback’:
dash_page = FeedbackPage;
this.tab_icon = “create”;
this.tab_home_title = “Feedback”;
break;
case ‘Shop by category’:
this.selectedTabIndex = 1;
dash_page = DashboardPage;
break;
case ‘Notifications’:
this.selectedTabIndex = 2;
dash_page = DashboardPage;
break;
}
this.retailerTabs.select(0);
this.retailerTabs._tabs[0]=dash_page;
}