feat(tabs/bottomNav): fixing the components and samples to work with ng8 #4297

Author: rmkrmk

projects/igniteui-angular/src/lib/tabbar/tabbar.component.spec.ts

@@ -379,7 +379,7 @@ class TemplatedTabBarTestComponent {
     `
 })
 class TabBarRoutingTestComponent {
-    @ViewChild(IgxBottomNavComponent)
+    @ViewChild(IgxBottomNavComponent, { static: true })
     public bottomNavComp: IgxBottomNavComponent;
 }
 
@@ -398,6 +398,6 @@ class TabBarRoutingTestComponent {
     `
 })
 class TabBarTabsOnlyModeTestComponent {
-    @ViewChild(IgxBottomNavComponent)
+    @ViewChild(IgxBottomNavComponent, { static: true })
     public bottomNavComp: IgxBottomNavComponent;
 }

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

@@ -644,11 +644,11 @@ export class IgxTabComponent {
     }
 
     /**@hidden*/
-    @ViewChild('defaultTabTemplate', { read: TemplateRef })
+    @ViewChild('defaultTabTemplate', { read: TemplateRef, static: true })
     protected defaultTabTemplate: TemplateRef<any>;
 
     /**@hidden*/
-    @ContentChild(IgxTabTemplateDirective, { read: IgxTabTemplateDirective })
+    @ContentChild(IgxTabTemplateDirective, { read: IgxTabTemplateDirective, static: true })
     protected customTabTemplateDir: IgxTabTemplateDirective;
 
     /**

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

@@ -71,11 +71,11 @@ export class IgxTabItemComponent implements IgxTabItemBase {
     }
 
     /**@hidden*/
-    @ViewChild('defaultTabTemplate', { read: TemplateRef })
+    @ViewChild('defaultTabTemplate', { read: TemplateRef, static: true })
     protected defaultTabTemplate: TemplateRef<any>;
 
     /**@hidden*/
-    @ContentChild(IgxTabItemTemplateDirective, { read: IgxTabItemTemplateDirective })
+    @ContentChild(IgxTabItemTemplateDirective, { read: IgxTabItemTemplateDirective, static: true })
     protected customTabTemplateDir: IgxTabItemTemplateDirective;
 
     private _nativeTabItem: ElementRef;

src/app/bottomnav-routing/bottomnav-routing.sample.ts

@@ -9,7 +9,7 @@ templateUrl: 'bottomnav-routing.sample.html'
 })
 export class BottomNavRoutingSampleComponent implements AfterViewInit {
 
-    @ViewChild(IgxBottomNavComponent)
+    @ViewChild(IgxBottomNavComponent, { static: true })
     bottomNavComp: IgxBottomNavComponent;
 
     constructor(private router: Router, private renderer: Renderer2) { }