chore: update deprecated angular API in demo apps

Author: VladimirAmiorkov

e2e/animation-examples/app/animation-builder.component.ts

@@ -7,8 +7,7 @@ import { Component, ViewChild } from '@angular/core';
     `
 })
 export class AnimationBuilderComponent {
-  @ViewChild('button')
-  private button;
+  @ViewChild('button', { static: false }) button;
 
   constructor(private _builder: AnimationBuilder) {}
 

e2e/modal-navigation-ng/app/navigation/basic.navigation.component.ts

@@ -23,7 +23,7 @@ import { ModalViewComponent } from "~/modal-shared/modal-view.component";
 
 export class BasicsNavigationComponent {
 
-    @ViewChild("popoverButtonComp") popoverButtonComp: ElementRef;
+    @ViewChild("popoverButtonComp", { read: ElementRef, static: false }) popoverButtonComp: ElementRef;
     @Input() col: number;
     constructor(
         private modal: ModalDialogService,

e2e/nested-router-tab-view/app/app.component.ts

@@ -12,7 +12,7 @@ import { NSLocationStrategy } from "nativescript-angular/router/ns-location-stra
 export class AppComponent {
     private isInitialNavigation = true;
 
-    @ViewChild(TabViewDirective) tabView: TabViewDirective;
+    @ViewChild(TabViewDirective, { read: TabViewDirective, static: false }) tabView: TabViewDirective;
 
     constructor(router: Router, location: NSLocationStrategy) {
         router.events.subscribe(e => {

e2e/router-tab-view/app/app.component.ts

@@ -12,7 +12,7 @@ import { NSLocationStrategy } from "nativescript-angular/router/ns-location-stra
 export class AppComponent {
     private isInitialNavigation = true;
 
-    @ViewChild(TabViewDirective) tabView: TabViewDirective;
+    @ViewChild(TabViewDirective, { read: TabViewDirective, static: false }) tabView: TabViewDirective;
 
     constructor(router: Router, location: NSLocationStrategy) {
         router.events.subscribe(e => {

tests/app/tests/detached-loader-tests.ts

@@ -10,7 +10,7 @@ class TestComponent { }
 
 
 class LoaderComponentBase {
-    @ViewChild(DetachedLoader) public loader: DetachedLoader;
+    @ViewChild(DetachedLoader, { read: DetachedLoader, static: false }) public loader: DetachedLoader;
 }
 
 @Component({

tests/app/tests/list-view-tests.ts

@@ -93,7 +93,7 @@ export class TestDefaultItemTemplateComponent {
             this.myItems.push(new DataItem(i, "Name " + i));
         }
     }
-    @ViewChild("listView") listViewElement: ListViewComponent;
+    @ViewChild("listView", { read: ListViewComponent, static: false }) listViewElement: ListViewComponent;
     onScrollListViewTo() { 
         this.listViewElement.nativeElement.scrollToIndex(100);
     }

tests/app/tests/renderer-tests.ts

@@ -222,10 +222,10 @@ registerElement("ButtonCounter", () => ButtonCounter);
         }`]
 })
 export class NgControlSettersCount {
-    @ViewChild("btn1") btn1: ElementRef;
-    @ViewChild("btn2") btn2: ElementRef;
-    @ViewChild("btn3") btn3: ElementRef;
-    @ViewChild("btn3") btn4: ElementRef;
+    @ViewChild("btn1", { read: ElementRef, static: false }) btn1: ElementRef;
+    @ViewChild("btn2", { read: ElementRef, static: false }) btn2: ElementRef;
+    @ViewChild("btn3", { read: ElementRef, static: false }) btn3: ElementRef;
+    @ViewChild("btn3", { read: ElementRef, static: false }) btn4: ElementRef;
 
     get buttons(): ElementRef[] { return [this.btn1, this.btn2, this.btn3, this.btn4]; }
 

tests/app/tests/router-module-tests.ts

@@ -13,7 +13,7 @@ import { NSRouteReuseStrategy } from "nativescript-angular/router/ns-route-reuse
     template: `<StackLayout><Label nsRouterLink text="COMPONENT"></Label></StackLayout>`
 })
 class RouterTestComponent {
-    @ViewChild(NSRouterLink)
+    @ViewChild(NSRouterLink, { read: NSRouterLink, static: false })
     nsRouterLink: NSRouterLink;
 }