Integrating NativeScript with Angular 2.

Install your native toolchain and NativeScript as described in the docs:

https://docs.nativescript.org/setup/quick-setup

$ npm install -g gulp 

Then install the needed NPM packages:

$ cd nativescript-angular $ npm install 

Intall NPM packages (use the local copy of nativescript-angular):

$ cd ng-sample $ npm install $ npm install ../nativescript-angular 

Start the app:

$ tns run android $ tns run ios 

Install the webpack tool:

$ npm install -g webpack 

Enable the webpack hook by setting the WEBPACK_BUILD environment variable. You can do it with a single command on OSX/Linux using:

$ env WEBPACK_BUILD=1 tns run android 

Intall NPM packages (use the local copy of nativescript-angular):

$ cd tests $ npm install $ npm install ../nativescript-angular 

Start test run:

$ tns test ios --emulator $ tns test android --emulator 

Use npm link to link nativescript-angular in tests and ng-sample progects:

cd nativescript-angular npm link cd ../ng-sample npm link nativescript-angular cd ../tests npm link nativescript-angular 

1. Make changes to the test, ng-sample projects or in nativescript-angular folder.
2. Run the tests or ng-sample using as shown above.

NativeScript session on AngularConnect conference

The ng-sample app is meant for testing stuff while developing the renderer code, and isn't the best example out there. You can take a look at these sample apps that use the published builds from npm:

• Hello world starter
• TodoMVC sample implementation

1. There are certain issues with the Parse5DomAdapter and we'll likely need to provide our own later on:

• Self-closing elements (<Label text="Name" /><Button text="Save" />) get parsed wrong (in this case Button gets parsed as a Label child.