diff --git a/app/common-screens-category/content-screens/content-scrollable/content-scrollable-example.component.ts b/app/common-screens-category/content-screens/content-scrollable/content-scrollable-example.component.ts
index 2c7db0dc..659171d4 100644
--- a/app/common-screens-category/content-screens/content-scrollable/content-scrollable-example.component.ts
+++ b/app/common-screens-category/content-screens/content-scrollable/content-scrollable-example.component.ts
@@ -16,8 +16,8 @@ export class ContentScrollablePageExampleComponent implements OnInit {
     public image: Image;
     public flex: FlexboxLayout;
 
-    @ViewChild("img") img: ElementRef;
-    @ViewChild("content") content: ElementRef;
+    @ViewChild("img", { read: ElementRef, static: false }) img: ElementRef;
+    @ViewChild("content", { read: ElementRef, static: false }) content: ElementRef;
 
     constructor(public page: Page) {
         this.page.backgroundSpanUnderStatusBar = true;
diff --git a/app/ng-ui-category/modal-view-ng/sample-modal-view-module-example/modal-view.ts b/app/ng-ui-category/modal-view-ng/sample-modal-view-module-example/modal-view.ts
index 9bceb732..e1dfbb97 100644
--- a/app/ng-ui-category/modal-view-ng/sample-modal-view-module-example/modal-view.ts
+++ b/app/ng-ui-category/modal-view-ng/sample-modal-view-module-example/modal-view.ts
@@ -9,7 +9,7 @@ import { DatePicker } from "tns-core-modules/ui/date-picker";
 })
 export class ModalViewComponent implements OnInit {
     public currentdate: Date;
-    @ViewChild("datepicker") datePickerElement: ElementRef;
+    @ViewChild("datepicker", { read: ElementRef, static: true }) datePickerElement: ElementRef;
 
     constructor(private params: ModalDialogParams) {
         this.currentdate = new Date(params.context);
diff --git a/app/ng-ui-widgets-category/web-view/basic-web-view/basic-web-view.component.ts b/app/ng-ui-widgets-category/web-view/basic-web-view/basic-web-view.component.ts
index 250752f2..1d396a91 100644
--- a/app/ng-ui-widgets-category/web-view/basic-web-view/basic-web-view.component.ts
+++ b/app/ng-ui-widgets-category/web-view/basic-web-view/basic-web-view.component.ts
@@ -12,9 +12,9 @@ import { Label } from "tns-core-modules/ui/label";
 export class BasicWebViewComponent implements AfterViewInit {
     public webViewSrc: string = "https://docs.nativescript.org/";
     public enabled: boolean = false;
-    @ViewChild("myWebView") webViewRef: ElementRef;
-    @ViewChild("urlField") urlFieldRef: ElementRef;
-    @ViewChild("labelResult") labelResultRef: ElementRef;
+    @ViewChild("myWebView", { read: ElementRef, static: false }) webViewRef: ElementRef;
+    @ViewChild("urlField", { read: ElementRef, static: false }) urlFieldRef: ElementRef;
+    @ViewChild("labelResult", { read: ElementRef, static: false }) labelResultRef: ElementRef;
 
     ngAfterViewInit() {
         let webview: WebView = this.webViewRef.nativeElement;
diff --git a/app/ng-ui-widgets-category/web-view/events/web-view-events.component.ts b/app/ng-ui-widgets-category/web-view/events/web-view-events.component.ts
index 611c1b5f..ea71499f 100644
--- a/app/ng-ui-widgets-category/web-view/events/web-view-events.component.ts
+++ b/app/ng-ui-widgets-category/web-view/events/web-view-events.component.ts
@@ -14,7 +14,7 @@ export class WebViewEventsComponent {
     public webViewSrc = "https://docs.nativescript.org/";
     public isItemVisible = true;
 
-    @ViewChild("webview") webViewElement: ElementRef;
+    @ViewChild("webview", { read: ElementRef, static: false }) webViewElement: ElementRef;
     private firstUrl = "https://google.com/";
     private secondUrl = "https://docs.nativescript.org/";
 
diff --git a/package.json b/package.json
index 9b8d5a39..6e0606ab 100644
--- a/package.json
+++ b/package.json
@@ -29,14 +29,14 @@
     }
   },
   "dependencies": {
-    "@angular/common": "~7.2.0",
-    "@angular/compiler": "~7.2.0",
-    "@angular/core": "~7.2.0",
-    "@angular/forms": "~7.2.0",
-    "@angular/http": "~7.2.0",
-    "@angular/platform-browser": "~7.2.0",
-    "@angular/platform-browser-dynamic": "~7.2.0",
-    "@angular/router": "~7.2.0",
+    "@angular/common": "8.0.0",
+    "@angular/compiler": "8.0.0",
+    "@angular/core": "8.0.0",
+    "@angular/forms": "8.0.0",
+    "@angular/http": "8.0.0-beta.10",
+    "@angular/platform-browser": "8.0.0",
+    "@angular/platform-browser-dynamic": "8.0.0",
+    "@angular/router": "8.0.0",
     "nativescript-angular": "next",
     "nativescript-camera": "^4.4.0",
     "nativescript-geolocation": "^5.0.0",
@@ -48,8 +48,8 @@
     "zone.js": "^0.8.4"
   },
   "devDependencies": {
-    "@angular/compiler-cli": "~7.2.0",
-    "@ngtools/webpack": "~7.2.0",
+    "@angular/compiler-cli": "8.0.0",
+    "@ngtools/webpack": "8.0.0",
     "codelyzer": "^3.0.1",
     "fs-extra": "^0.30.0",
     "glob": "^7.1.3",
@@ -62,7 +62,7 @@
     "tar.gz": "^1.0.5",
     "tns-platform-declarations": "next",
     "tslint": "^5.11.0",
-    "typescript": "~3.1.1"
+    "typescript": "~3.4.5"
   },
   "scripts": {
     "pretsc": "npm install",