feat(tabs/bottomnav): changing the tabs control sample #4297

Author: rmkrmk

projects/igniteui-angular/src/lib/tabs/tabs.component.ts

@@ -284,7 +284,7 @@ export class IgxTabsComponent implements IgxTabsBase, AfterViewInit, OnDestroy {
         }
     }
 
-    private setSelectedGroup(navigateToRoute: boolean = true): void {
+    private setSelectedGroup(navigateToRoute = true): void {
         requestAnimationFrame(() => {
             if (!navigateToRoute) {
                 navigateToRoute = true;

src/app/tabs-routing/tabs-routing.sample.html

@@ -8,15 +8,19 @@
         <div class="items-wrapper__item">
             <igx-tabs>
                 <igx-tabs-group #tab1 label="Tab 1" icon="folder" routerLink="/tabs-routing/view1">
-                    <router-outlet *ngIf="tab1.isSelected"></router-outlet>
+                    <!-- <router-outlet *ngIf="tab1.isSelected"></router-outlet> -->
+                    Content in tab # 1
                 </igx-tabs-group>
                 <igx-tabs-group #tab2 label="Tab 2" icon="folder" routerLink="/tabs-routing/view2">
-                    <router-outlet *ngIf="tab2.isSelected"></router-outlet>
+                    <!-- <router-outlet *ngIf="tab2.isSelected"></router-outlet> -->
+                    Content in tab # 2
                 </igx-tabs-group>
                 <igx-tabs-group #tab3 label="Tab 3" icon="folder" routerLink="/tabs-routing/view3">
-                    <router-outlet *ngIf="tab3.isSelected"></router-outlet>
+                    <!-- <router-outlet *ngIf="tab3.isSelected"></router-outlet> -->
+                    Content in tab # 3
                 </igx-tabs-group>
             </igx-tabs>
+            <router-outlet></router-outlet>
         </div>
     </div>
 </div>