diff --git a/CHANGELOG.md b/CHANGELOG.md
index 0439009ed..eaa1cdc72 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,3 +1,24 @@
+<a name="5.2.0"></a>
+# [5.2.0](https://github.com/NativeScript/nativescript-angular/compare/5.0.0...5.2.0) (2018-01-17)
+
+
+### Features
+
+* add support for Angular 5.2 ([#1154](https://github.com/NativeScript/nativescript-angular/issues/1154)) ([faa690](https://github.com/NativeScript/nativescript-angular/commit/faa690))
+
+* enable typescript 2.6 ([#1156](https://github.com/NativeScript/nativescript-angular/issues/1156)) ([2a5742b](https://github.com/NativeScript/nativescript-angular/commit/2a5742b))
+
+
+
+<a name="5.1.0"></a>
+# [5.1.0](https://github.com/NativeScript/nativescript-angular/compare/5.0.0...5.1.0) (2018-01-10)
+
+
+### Features
+
+* add support for Angular 5.1 ([#1134](https://github.com/NativeScript/nativescript-angular/issues/1134)) ([2e944a8](https://github.com/NativeScript/nativescript-angular/commit/2e944a8))
+
+
 <a name="5.0.0"></a>
 # [5.0.0](https://github.com/NativeScript/nativescript-angular/compare/5.0.0-rc.0...v5.0.0) (2017-12-20)
 
diff --git a/e2e/renderer/package.json b/e2e/renderer/package.json
index 5edac50fa..4c6ff75d8 100644
--- a/e2e/renderer/package.json
+++ b/e2e/renderer/package.json
@@ -10,14 +10,14 @@
     }
   },
   "dependencies": {
-    "@angular/common": "~5.0.0",
-    "@angular/compiler": "~5.0.0",
-    "@angular/core": "~5.0.0",
-    "@angular/forms": "~5.0.0",
-    "@angular/http": "~5.0.0",
-    "@angular/platform-browser": "~5.0.0",
-    "@angular/platform-browser-dynamic": "~5.0.0",
-    "@angular/router": "~5.0.0",
+    "@angular/common": "~5.2.0",
+    "@angular/compiler": "~5.2.0",
+    "@angular/core": "~5.2.0",
+    "@angular/forms": "~5.2.0",
+    "@angular/http": "~5.2.0",
+    "@angular/platform-browser": "~5.2.0",
+    "@angular/platform-browser-dynamic": "~5.2.0",
+    "@angular/router": "~5.2.0",
     "nativescript-angular": "file:../../nativescript-angular",
     "nativescript-intl": "^3.0.0",
     "reflect-metadata": "~0.1.8",
@@ -42,11 +42,11 @@
     "nativescript-dev-appium": "next",
     "nativescript-dev-typescript": "~0.4.0",
     "tslib": "^1.7.1",
-    "typescript": "~2.4.2"
+    "typescript": "~2.6.2"
   },
   "scripts": {
     "e2e": "tsc -p e2e && mocha --opts ./e2e/config/mocha.opts",
     "compile-tests-w": "tsc -p e2e --watch",
     "update-app-ng-deps": "update-app-ng-deps"
   }
-}
+}
\ No newline at end of file
diff --git a/e2e/router/package.json b/e2e/router/package.json
index df5a6f219..0dc072e07 100644
--- a/e2e/router/package.json
+++ b/e2e/router/package.json
@@ -13,15 +13,15 @@
     }
   },
   "dependencies": {
-    "@angular/animations": "~4.4.1",
-    "@angular/common": "~5.0.0",
-    "@angular/compiler": "~5.0.0",
-    "@angular/core": "~5.0.0",
-    "@angular/forms": "~5.0.0",
-    "@angular/http": "~5.0.0",
-    "@angular/platform-browser": "~5.0.0",
-    "@angular/platform-browser-dynamic": "~5.0.0",
-    "@angular/router": "~5.0.0",
+    "@angular/animations": "~5.2.0",
+    "@angular/common": "~5.2.0",
+    "@angular/compiler": "~5.2.0",
+    "@angular/core": "~5.2.0",
+    "@angular/forms": "~5.2.0",
+    "@angular/http": "~5.2.0",
+    "@angular/platform-browser": "~5.2.0",
+    "@angular/platform-browser-dynamic": "~5.2.0",
+    "@angular/router": "~5.2.0",
     "nativescript-angular": "file:../../nativescript-angular",
     "nativescript-intl": "^3.0.0",
     "reflect-metadata": "~0.1.8",
@@ -46,7 +46,7 @@
     "nativescript-dev-appium": "next",
     "nativescript-dev-typescript": "~0.4.0",
     "tslib": "^1.7.1",
-    "typescript": "~2.4.2"
+    "typescript": "~2.6.2"
   },
   "scripts": {
     "e2e": "tsc -p e2e && mocha --opts ./e2e/config/mocha.opts",
diff --git a/nativescript-angular/bin/remove-polyfills-metadata.js b/nativescript-angular/bin/remove-polyfills-metadata.js
deleted file mode 100644
index 4c1d4af30..000000000
--- a/nativescript-angular/bin/remove-polyfills-metadata.js
+++ /dev/null
@@ -1,5 +0,0 @@
-const { unlinkSync } = require("fs");
-
-unlinkSync("./polyfills/console.metadata.json");
-unlinkSync("./polyfills/array.metadata.json");
-
diff --git a/nativescript-angular/package.json b/nativescript-angular/package.json
index a60458968..39c4e6608 100644
--- a/nativescript-angular/package.json
+++ b/nativescript-angular/package.json
@@ -1,7 +1,7 @@
 {
   "private": true,
   "name": "nativescript-angular",
-  "version": "5.0.0",
+  "version": "5.2.0",
   "description": "An Angular renderer that lets you build mobile apps with NativeScript.",
   "homepage": "https://www.nativescript.org/",
   "bugs": "https://github.com/NativeScript/nativescript-angular/issues",
@@ -33,7 +33,7 @@
     "postinstall": "node postinstall.js",
     "tsc": "tsc -p tsconfig.json",
     "ngc": "ngc -p tsconfig.json",
-    "prepare": "npm run ngc && node ./bin/remove-polyfills-metadata.js"
+    "prepare": "npm run ngc"
   },
   "bin": {
     "update-app-ng-deps": "./bin/update-app-ng-deps"
@@ -43,35 +43,35 @@
     "reflect-metadata": "^0.1.8"
   },
   "peerDependencies": {
-    "@angular/platform-browser-dynamic": "~5.0.0",
-    "@angular/common": "~5.0.0",
-    "@angular/compiler": "~5.0.0",
-    "@angular/core": "~5.0.0",
-    "@angular/forms": "~5.0.0",
-    "@angular/http": "~5.0.0",
-    "@angular/platform-browser": "~5.0.0",
-    "@angular/router": "~5.0.0",
+    "@angular/platform-browser-dynamic": "~5.2.0",
+    "@angular/common": "~5.2.0",
+    "@angular/compiler": "~5.2.0",
+    "@angular/core": "~5.2.0",
+    "@angular/forms": "~5.2.0",
+    "@angular/http": "~5.2.0",
+    "@angular/platform-browser": "~5.2.0",
+    "@angular/router": "~5.2.0",
     "rxjs": "^5.5.0",
-    "tns-core-modules": "^3.1.0 || >3.4.0-",
+    "tns-core-modules": "^3.4.0 || >4.0.0-",
     "zone.js": "^0.8.4",
-    "typescript": "~2.4.2"
+    "typescript": "~2.6.2"
   },
   "devDependencies": {
-    "@angular/platform-browser-dynamic": "~5.0.0",
-    "@angular/animations": "~5.0.0",
-    "@angular/common": "~5.0.0",
-    "@angular/compiler": "~5.0.0",
-    "@angular/compiler-cli": "~5.0.0",
-    "@angular/core": "~5.0.0",
-    "@angular/forms": "~5.0.0",
-    "@angular/http": "~5.0.0",
-    "@angular/platform-browser": "~5.0.0",
-    "@angular/router": "~5.0.0",
+    "@angular/platform-browser-dynamic": "~5.2.0",
+    "@angular/animations": "~5.2.0",
+    "@angular/common": "~5.2.0",
+    "@angular/compiler": "~5.2.0",
+    "@angular/compiler-cli": "~5.2.0",
+    "@angular/core": "~5.2.0",
+    "@angular/forms": "~5.2.0",
+    "@angular/http": "~5.2.0",
+    "@angular/platform-browser": "~5.2.0",
+    "@angular/router": "~5.2.0",
     "codelyzer": "^4.0.0",
     "rxjs": "^5.5.0",
     "tns-core-modules": "next",
     "tslint": "^5.5.0",
-    "typescript": "~2.4.2",
+    "typescript": "~2.6.2",
     "zone.js": "^0.8.12"
   }
 }
diff --git a/ng-sample/package.json b/ng-sample/package.json
index 7c10e3b7e..ecd45f339 100644
--- a/ng-sample/package.json
+++ b/ng-sample/package.json
@@ -32,19 +32,19 @@
   },
   "homepage": "https://github.com/NativeScript/template-hello-world",
   "dependencies": {
-    "@angular/animations": "~5.0.0",
-    "@angular/common": "~5.0.0",
-    "@angular/compiler": "~5.0.0",
-    "@angular/core": "~5.0.0",
-    "@angular/forms": "~5.0.0",
-    "@angular/http": "~5.0.0",
-    "@angular/platform-browser": "~5.0.0",
-    "@angular/platform-browser-dynamic": "~5.0.0",
-    "@angular/router": "~5.0.0",
+    "@angular/animations": "~5.2.0",
+    "@angular/common": "~5.2.0",
+    "@angular/compiler": "~5.2.0",
+    "@angular/core": "~5.2.0",
+    "@angular/forms": "~5.2.0",
+    "@angular/http": "~5.2.0",
+    "@angular/platform-browser": "~5.2.0",
+    "@angular/platform-browser-dynamic": "~5.2.0",
+    "@angular/router": "~5.2.0",
     "nativescript-angular": "file:../nativescript-angular",
-    "rxjs": "^5.5.2",
+    "rxjs": "^5.5.0",
     "tns-core-modules": "next",
-    "zone.js": "~0.8.2"
+    "zone.js": "^0.8.4"
   },
   "devDependencies": {
     "babel-traverse": "6.9.0",
@@ -55,9 +55,10 @@
     "nativescript-dev-typescript": "^0.3.1",
     "shelljs": "^0.7.0",
     "tslint": "^4.5.1",
-    "typescript": "~2.4.2"
+    "typescript": "~2.6.2"
   },
   "scripts": {
-    "tslint": "tslint --project tsconfig.json --config tslint.json"
+    "tslint": "tslint --project tsconfig.json --config tslint.json",
+    "update-app-ng-deps": "update-app-ng-deps"
   }
-}
+}
\ No newline at end of file
diff --git a/tests/app/snippets/layouts.component.html b/tests/app/snippets/layouts.component.html
index c472f02bd..3cc2fbdb3 100644
--- a/tests/app/snippets/layouts.component.html
+++ b/tests/app/snippets/layouts.component.html
@@ -1,8 +1,8 @@
 <ScrollView orientation="vertical">
     <StackLayout id="main">
         <Label text="Absolute Layout" class="title"></Label>
-        
-        <!-- >> absolute-layout --> 
+
+        <!-- >> absolute-layout -->
         <AbsoluteLayout width="210" height="210" backgroundColor="lightgray">
             <Label text="10, 10" left="10" top="10" width="90" height="90" backgroundColor="red"></Label>
             <Label text="110, 10" left="110" top="10" width="90" height="90" backgroundColor="green"></Label>
@@ -11,16 +11,16 @@
         </AbsoluteLayout>
         <!-- << absolute-layout -->
 
-        <!-- >> absolute-layout-margin -->   
+        <!-- >> absolute-layout-margin -->
         <AbsoluteLayout width="210" height="210" backgroundColor="lightgray">
             <Label text="no margin" left="10" top="10" width="100" height="100" backgroundColor="red"></Label>
             <Label text="margin=`30`" left="10" top="10" margin="30" width="100" height="90" backgroundColor="green"></Label>
         </AbsoluteLayout>
         <!-- << absolute-layout-margin -->
-        
+
         <Label text="Dock Layout" class="title"></Label>
-        
-        <!-- >> dock-layout --> 
+
+        <!-- >> dock-layout -->
         <DockLayout width="210" height="210" backgroundColor="lightgray" stretchLastChild="false">
             <Label text="left" dock="left" width="60" backgroundColor="red"></Label>
             <Label text="top" dock="top" height="60" backgroundColor="green"></Label>
@@ -28,7 +28,7 @@
             <Label text="bottom" dock="bottom" height="60" backgroundColor="yellow"></Label>
         </DockLayout>
         <!-- << dock-layout -->
-        
+
         <!-- >> dock-layout-stretch-last -->
         <DockLayout width="210" height="210" backgroundColor="lightgray" stretchLastChild="true">
             <Label text="left" dock="left" backgroundColor="red"></Label>
@@ -37,7 +37,7 @@
             <Label text="bottom" dock="bottom" backgroundColor="yellow"></Label>
         </DockLayout>
         <!-- << dock-layout-stretch-last -->
-        
+
         <!-- >> dock-layout-one-side -->
         <DockLayout width="210" height="210" backgroundColor="lightgray" stretchLastChild="true">
             <Label text="left1" dock="left" backgroundColor="red"></Label>
@@ -46,11 +46,11 @@
             <Label text="last child" backgroundColor="yellow"></Label>
         </DockLayout>
         <!-- << dock-layout-one-side -->
-        
+
         <Label text="Grid Layout" class="title"></Label>
-        
-        <!-- >> grid-layout-sample --> 
-        <GridLayout columns="50, auto, *" rows="50, auto, *" width="210" height="210" backgroundColor="lightgray" >
+
+        <!-- >> grid-layout-sample -->
+        <GridLayout columns="50, auto, *" rows="50, auto, *" width="210" height="210" backgroundColor="lightgray">
             <Label text="Label 1" row="0" col="0" backgroundColor="red"></Label>
             <Label text="Label 2" row="0" col="1" colSpan="2" backgroundColor="green"></Label>
             <Label text="Label 3" row="1" col="0" rowSpan="2" backgroundColor="blue"></Label>
@@ -60,43 +60,43 @@
             <Label text="Label 7" row="2" col="2" backgroundColor="purple"></Label>
         </GridLayout>
         <!-- << grid-layout-sample -->
-        
-        <!-- >> grid-layout-star --> 
-        <GridLayout columns="*,2*" rows="2*,3*" width="300" height="300" backgroundColor="lightgray" >
+
+        <!-- >> grid-layout-star -->
+        <GridLayout columns="*,2*" rows="2*,3*" width="300" height="300" backgroundColor="lightgray">
             <Label text="Label 1" col="0" row="0" backgroundColor="red"></Label>
             <Label text="Label 2" col="1" row="0" backgroundColor="green"></Label>
             <Label text="Label 3" col="0" row="1" backgroundColor="blue"></Label>
             <Label text="Label 4" col="1" row="1" backgroundColor="yellow"></Label>
         </GridLayout>
         <!-- << grid-layout-star -->
-        
-        <!-- >> grid-layout-fexed-auto --> 
-        <GridLayout columns="100,auto" rows="100,auto" width="210" height="210" backgroundColor="lightgray" >
+
+        <!-- >> grid-layout-fexed-auto -->
+        <GridLayout columns="100,auto" rows="100,auto" width="210" height="210" backgroundColor="lightgray">
             <Label text="Label 1" col="0" row="0" backgroundColor="red"></Label>
             <Label text="Label 2" col="1" row="0" backgroundColor="green"></Label>
             <Label text="Label 3" col="0" row="1" backgroundColor="blue"></Label>
             <Label text="Label 4" col="1" row="1" backgroundColor="yellow"></Label>
         </GridLayout>
         <!-- << grid-layout-fexed-auto -->
-        
-        <!-- >> grid-layout-no-width --> 
+
+        <!-- >> grid-layout-no-width -->
         <StackLayout width="200" height="200" backgroundColor="palegreen">
-            <GridLayout columns="*,2*" horizontalAlignment="left" verticalAlignment="top" backgroundColor="lightgray" >
+            <GridLayout columns="*,2*" horizontalAlignment="left" verticalAlignment="top" backgroundColor="lightgray">
                 <Label text="Label 1" col="0" backgroundColor="red"></Label>
                 <Label text="Label 2" col="1" backgroundColor="green"></Label>
             </GridLayout>
         </StackLayout>
         <!-- << grid-layout-no-width -->
-        
+
         <!-- >> grid-layout-column-stretch -->
-        <GridLayout columns="auto,100" rows="auto,auto" width="300" height="300" backgroundColor="lightgray" >
+        <GridLayout columns="auto,100" rows="auto,auto" width="300" height="300" backgroundColor="lightgray">
             <Label text="Label 1" col="0" row="0" backgroundColor="red"></Label>
             <Label text="Label 2" col="1" row="0" backgroundColor="green"></Label>
             <Label text="Label 3" width="150" col="0" row="1" backgroundColor="blue"></Label>
         </GridLayout>
         <!-- << grid-layout-column-stretch -->
-        
-        <!-- >> grid-layout-complex --> 
+
+        <!-- >> grid-layout-complex -->
         <GridLayout columns="auto, *, auto" rows="auto, 25" verticalAlignment="top" backgroundColor="lightgray">
             <Image src="~/cute.jpg" rowSpan="2" width="72" height="72" margin="3" verticalAlignment="top"></Image>
             <Label text="My cat loves the camera" textWrap="true" col="1" colSpan="2" minHeight="50" fontSize="20" margin="3"></Label>
@@ -104,9 +104,9 @@
             <Label text="comments: 26" col="2" row="1" color="#10C2B0" fontSize="14" verticalAlignment="bottom" margin="3"></Label>
         </GridLayout>
         <!-- << grid-layout-complex -->
-                
+
         <Label text="Stack Layout" class="title"></Label>
-        
+
         <!-- >> stack-layout-vertical -->
         <StackLayout orientation="vertical" width="210" height="210" backgroundColor="lightgray">
             <Label text="Label 1" width="50" height="50" backgroundColor="red"></Label>
@@ -115,17 +115,17 @@
             <Label text="Label 4" width="50" height="50" backgroundColor="yellow"></Label>
         </StackLayout>
         <!-- << stack-layout-vertical -->
-        
+
         <!-- >> stack-layout-horizontal -->
         <StackLayout orientation="vertical" width="210" height="210" backgroundColor="lightgray">
             <Label text="Label 1" width="50" height="50" backgroundColor="red"></Label>
             <Label text="Label 2" width="50" height="50" backgroundColor="green"></Label>
             <Label text="Label 3" width="50" height="50" backgroundColor="blue"></Label>
             <Label text="Label 4" width="50" height="50" backgroundColor="yellow"></Label>
-        </StackLayout> 
+        </StackLayout>
         <!-- << stack-layout-horizontal -->
-        
-        <!-- >> stack-layout-vertical-align --> 
+
+        <!-- >> stack-layout-vertical-align -->
         <StackLayout orientation="vertical" width="210" height="210" backgroundColor="lightgray">
             <Label text="Label 1" horizontalAlignment="left" backgroundColor="red"></Label>
             <Label text="Label 2" horizontalAlignment="center" backgroundColor="green"></Label>
@@ -133,19 +133,19 @@
             <Label text="Label 4" horizontalAlignment="stretch" backgroundColor="yellow"></Label>
         </StackLayout>
         <!-- << stack-layout-vertical-align -->
-        
+
         <!-- >> stack-layout-horizontal-align -->
-          <StackLayout orientation="horizontal" width="210" height="210" backgroundColor="lightgray">
+        <StackLayout orientation="horizontal" width="210" height="210" backgroundColor="lightgray">
             <Label text="Label 1" verticalAlignment="top" backgroundColor="red"></Label>
             <Label text="Label 2" verticalAlignment="center" backgroundColor="green"></Label>
             <Label text="Label 3" verticalAlignment="bottom" backgroundColor="blue"></Label>
             <Label text="Label 4" verticalAlignment="stretch" backgroundColor="yellow"></Label>
-        </StackLayout> 
+        </StackLayout>
         <!-- << stack-layout-horizontal-align -->
-        
+
         <Label text="Wrap Layout" class="title"></Label>
-        
-        <!-- >> wrap-layout-horizontal --> 
+
+        <!-- >> wrap-layout-horizontal -->
         <WrapLayout orientation="horizontal" width="210" height="210" backgroundColor="lightgray">
             <Label text="Label 1" width="70" height="70" backgroundColor="red"></Label>
             <Label text="Label 2" width="70" height="70" backgroundColor="green"></Label>
@@ -153,7 +153,7 @@
             <Label text="Label 4" width="70" height="70" backgroundColor="yellow"></Label>
         </WrapLayout>
         <!-- << wrap-layout-horizontal -->
-        
+
         <!-- >> wrap-layout-vertical -->
         <WrapLayout orientation="vertical" width="210" height="210" backgroundColor="lightgray">
             <Label text="Label 1" width="70" height="70" backgroundColor="red"></Label>
@@ -162,7 +162,7 @@
             <Label text="Label 4" width="70" height="70" backgroundColor="yellow"></Label>
         </WrapLayout>
         <!-- << wrap-layout-vertical -->
-        
+
         <!-- >> wrap-layout-item -->
         <WrapLayout itemWidth="30" itemHeight="30" width="210" height="210" backgroundColor="lightgray">
             <Label text="Label 1" width="70" height="70" backgroundColor="red"></Label>
@@ -171,5 +171,62 @@
             <Label text="Label 4" width="70" height="70" backgroundColor="yellow"></Label>
         </WrapLayout>
         <!-- << wrap-layout-item -->
+
+        <Label text="Flexbox Layout" class="title"></Label>
+
+        <!-- >> flexbox-layout-flexdirection-row -->
+        <FlexboxLayout width="300" height="300" backgroundColor="lightgray">
+            <Label text="Label 1" width="70" height="70" backgroundColor="red" />
+            <Label text="Label 2" width="70" height="70" backgroundColor="green" />
+            <Label text="Label 3" width="70" height="70" backgroundColor="blue" />
+            <Label text="Label 4" width="70" height="70" backgroundColor="yellow" />
+        </FlexboxLayout>
+        <!-- << flexbox-layout-flexdirection-row -->
+
+        <!-- >> flexbox-layout-flexdirection-column -->
+        <FlexboxLayout flexDirection="column" width="300" height="300" backgroundColor="lightgray">
+            <Label text="Label 1" width="70" height="70" backgroundColor="red" />
+            <Label text="Label 2" width="70" height="70" backgroundColor="green" />
+            <Label text="Label 3" width="70" height="70" backgroundColor="blue" />
+            <Label text="Label 4" width="70" height="70" backgroundColor="yellow" />
+        </FlexboxLayout>
+        <!-- << flexbox-layout-flexdirection-column -->
+
+        <!-- >> flexbox-layout-alignItems-flex-start -->
+        <FlexboxLayout alignItems="flex-start" width="300" height="300" backgroundColor="lightgray">
+            <Label text="Label 1" width="70" height="70" backgroundColor="red" />
+            <Label text="Label 2" width="70" height="70" backgroundColor="green" />
+            <Label text="Label 3" width="70" height="70" backgroundColor="blue" />
+            <Label text="Label 4" width="70" height="70" backgroundColor="yellow" />
+        </FlexboxLayout>
+        <!-- << flexbox-layout-alignItems-flex-start -->
+
+        <!-- >> flexbox-layout-order -->
+        <FlexboxLayout alignItems="flex-start" width="300" height="300" backgroundColor="lightgray">
+            <Label order="3" text="Label 1" width="70" height="70" backgroundColor="red" />
+            <Label order="4" text="Label 2" width="70" height="70" backgroundColor="green" />
+            <Label order="2" text="Label 3" width="70" height="70" backgroundColor="blue" />
+            <Label order="1" text="Label 4" width="70" height="70" backgroundColor="yellow" />
+        </FlexboxLayout>
+        <!-- << flexbox-layout-order -->
+
+        <!-- >> flexbox-layout-flexWrap -->
+        <FlexboxLayout flexWrap="wrap" height="300" width="300" backgroundColor="lightgray">
+            <Label text="Label 1" width="100" height="50" backgroundColor="red" />
+            <Label text="Label 2" width="100" height="50" backgroundColor="green" />
+            <Label text="Label 3" width="100" height="50" backgroundColor="blue" />
+            <Label text="Label 4" width="100" height="50" backgroundColor="yellow" />
+        </FlexboxLayout>
+        <!-- << flexbox-layout-flexWrap -->
+
+        <!-- >> flexbox-layout-alignSelf -->
+        <FlexboxLayout flexDirection="column-reverse" justifyContent="space-around" alignItems="stretch" height="300" width="300"
+            backgroundColor="lightgray">
+            <Label text="Label 1" width="50" height="50" backgroundColor="red" />
+            <Label alignSelf="center" text="Label 2" width="50" height="50" backgroundColor="green" />
+            <Label alignSelf="flex-end" text="Label 3" width="50" height="50" backgroundColor="blue" />
+            <Label text="Label 4" width="50" height="50" backgroundColor="yellow" />
+        </FlexboxLayout>
+        <!-- << flexbox-layout-alignSelf -->
     </StackLayout>
-</ScrollView>
+</ScrollView>
\ No newline at end of file
diff --git a/tests/app/snippets/layouts.component.ts b/tests/app/snippets/layouts.component.ts
index 5912f1a27..5892c0492 100644
--- a/tests/app/snippets/layouts.component.ts
+++ b/tests/app/snippets/layouts.component.ts
@@ -10,7 +10,8 @@ import {Component} from "@angular/core";
         "#main > DockLayout { margin: 10 }",
         "#main > GridLayout { margin: 10 }",
         "#main > StackLayout { margin: 10 }",
-        "#main > WrapLayout { margin: 10 }"
+        "#main > WrapLayout { margin: 10 }",
+        "#main > FlexboxLayout { margin: 10 }"
     ]
 })
 export class LayoutsComponent {
diff --git a/tests/package.json b/tests/package.json
index 575f5344a..b7cc8a1ee 100644
--- a/tests/package.json
+++ b/tests/package.json
@@ -20,15 +20,15 @@
   ],
   "homepage": "http://nativescript.org",
   "dependencies": {
-    "@angular/animations": "~5.0.0",
-    "@angular/common": "~5.0.0",
-    "@angular/compiler": "~5.0.0",
-    "@angular/core": "~5.0.0",
-    "@angular/forms": "~5.0.0",
-    "@angular/http": "~5.0.0",
-    "@angular/platform-browser": "~5.0.0",
-    "@angular/platform-browser-dynamic": "~5.0.0",
-    "@angular/router": "~5.0.0",
+    "@angular/animations": "~5.2.0",
+    "@angular/common": "~5.2.0",
+    "@angular/compiler": "~5.2.0",
+    "@angular/core": "~5.2.0",
+    "@angular/forms": "~5.2.0",
+    "@angular/http": "~5.2.0",
+    "@angular/platform-browser": "~5.2.0",
+    "@angular/platform-browser-dynamic": "~5.2.0",
+    "@angular/router": "~5.2.0",
     "nativescript-angular": "../nativescript-angular",
     "nativescript-unit-test-runner": "^0.3.4",
     "rxjs": "^5.5.0",
@@ -60,7 +60,7 @@
     "socket.io-client": "1.4.8",
     "tslib": "^1.7.1",
     "tslint": "^4.5.1",
-    "typescript": "~2.4.2",
+    "typescript": "~2.6.2",
     "mocha": "~3.5.0"
   },
   "scripts": {
@@ -68,4 +68,4 @@
     "compile-tests-w": "tsc -p e2e --watch",
     "update-app-ng-deps": "update-app-ng-deps"
   }
-}
+}
\ No newline at end of file