Update ng-sample project for NG2 RC6

Author: hdeshev

ng-sample/app/app.ts

@@ -11,7 +11,7 @@ import { NgModule } from "@angular/core";
 import { Router } from "@angular/router";
 import { NativeScriptRouterModule } from "nativescript-angular/router";
 import { NativeScriptFormsModule } from "nativescript-angular/forms";
-import { HTTP_PROVIDERS } from "@angular/http";
+import { NativeScriptHttpModule } from "nativescript-angular/http";
 import { rendererTraceCategory, routerTraceCategory, listViewTraceCategory } from "nativescript-angular/trace";
 
 import trace = require("trace");
@@ -54,11 +54,13 @@ import { AnimationStatesTest } from "./examples/animation/animation-states-test"
     imports: [
         NativeScriptModule,
         NativeScriptFormsModule,
+        NativeScriptHttpModule,
         NativeScriptRouterModule,
     ],
     exports: [
         NativeScriptModule,
         NativeScriptFormsModule,
+        NativeScriptHttpModule,
         NativeScriptRouterModule,
     ],
     providers: []
@@ -70,6 +72,10 @@ function makeExampleModule(componentType) {
     if (componentType.routes) {
         imports.push(NativeScriptRouterModule.forRoot(componentType.routes))
     }
+    let exports: any[] = [];
+    if (componentType.exports) {
+        exports = componentType.exports
+    }
     let entries = [];
     if (componentType.entries) {
         entries = componentType.entries;
@@ -83,8 +89,12 @@ function makeExampleModule(componentType) {
         bootstrap: [componentType],
         imports: imports,
         entryComponents: entries,
-        declarations: entries,
+        declarations: [
+            ...entries,
+            ...exports,
+        ],
         providers: providers,
+        exports: exports,
     })
     class ExampleModuleForComponent {}
 
@@ -112,7 +122,7 @@ function makeExampleModule(componentType) {
 //platformNativeScriptDynamic().bootstrapModule(makeExampleModule(AnimationStatesTest));
 //platformNativeScriptDynamic().bootstrapModule(makeExampleModule(AnimationNgClassTest));
 //platformNativeScriptDynamic().bootstrapModule(makeExampleModule(AnimationKeyframesTest));
-//platformNativeScriptDynamic().bootstrapModule(makeExampleModule(AnimationEnterLeaveTest));
+platformNativeScriptDynamic().bootstrapModule(makeExampleModule(AnimationEnterLeaveTest));
 
 //Livesync test
 var cachedUrl: string;
@@ -134,5 +144,5 @@ onAfterLivesync.subscribe((moduleRef) => {
     }
 });
 
-platformNativeScriptDynamic().bootstrapModule(makeExampleModule(LivesyncApp));
+//platformNativeScriptDynamic().bootstrapModule(makeExampleModule(LivesyncApp));
 console.log("APP RESTART");

ng-sample/app/examples/http/http-test.ts

@@ -1,6 +1,5 @@
 import {Component} from '@angular/core';
 import {Http} from '@angular/http';
-import {NS_HTTP_PROVIDERS} from 'nativescript-angular/http';
 import 'rxjs/add/operator/map';
 
 /* IMPORTANT
@@ -24,7 +23,6 @@ https://blog.nraboy.com/2015/12/fix-ios-9-app-transport-security-issues-in-nativ
         margin-bottom:20;
       }`
     ],
-    providers: [NS_HTTP_PROVIDERS]
 })
 export class HttpTest {
   public title: string;

ng-sample/app/examples/list/list-test-async.ts

@@ -1,6 +1,6 @@
 import { Component, Input, ChangeDetectionStrategy } from '@angular/core';
 import * as Rx from 'rxjs/Observable';
-import { combineLatestStatic } from 'rxjs/operator/combineLatest';
+import { combineLatest } from 'rxjs/operator/combineLatest';
 import { BehaviorSubject } from "rxjs/BehaviorSubject";
 import { DataItem, DataService } from "./data.service"
 
@@ -92,7 +92,7 @@ export class ListTestFilterAsync {
 
     constructor(private service: DataService) {
         // Create filteredItems$ by combining the service.items$ and filter$
-        this.filteredItems$ = combineLatestStatic(this.service.items$, this.filter$, (data, filter) => {
+        this.filteredItems$ = combineLatest(this.service.items$, this.filter$, (data, filter) => {
             return filter ? data.filter(v => v.id % 2 === 0) : data;
         });
     }
@@ -114,4 +114,4 @@ export class ListTestFilterAsync {
     public toogleFilter() {
         this.filter$.next(!this.filter$.value);
     }
-}
+}

ng-sample/app/examples/list/list-test.ts

@@ -36,7 +36,6 @@ export class ItemComponent implements AfterViewChecked, DoCheck {
 @Component({
     selector: 'list-test',
     styleUrls: ['examples/list/styles.css'],
-    directives: [ItemComponent],
     changeDetection: ChangeDetectionStrategy.OnPush,
     template: `
         <GridLayout rows="auto * auto">
@@ -85,4 +84,8 @@ export class ListTest {
         this.counter++;
         this.myItems.push(new DataItem(this.counter, "data item " + this.counter));
     }
-}
+
+    public static entries = [
+        ItemComponent
+    ]
+}

ng-sample/app/examples/livesync-test/first/first.component.css

@@ -11,4 +11,4 @@ button {
 
 stack-layout {
     background-color: lightgreen;
-}
+}

ng-sample/app/examples/livesync-test/first/first.component.ts

@@ -1,12 +1,9 @@
 import { Component } from "@angular/core";
-import { ROUTER_DIRECTIVES } from '@angular/router';
-import { NS_ROUTER_DIRECTIVES} from "nativescript-angular/router"
 
 @Component({
     selector: "first",
-    directives: [ROUTER_DIRECTIVES, NS_ROUTER_DIRECTIVES],
     styleUrls: ["examples/livesync-test/first/first.component.css"],
     templateUrl: "examples/livesync-test/first/first.component.xml"
 })
 export class FirstComponent {
-}
+}

ng-sample/app/examples/livesync-test/livesync-test-app.ts

@@ -1,6 +1,4 @@
 import { Component } from "@angular/core";
-import { RouterConfig } from '@angular/router';
-import { NS_ROUTER_DIRECTIVES, nsProvideRouter} from "nativescript-angular/router"
 
 import {FirstComponent} from "./first/first.component";
 import {SecondComponent} from "./second/second.component";

ng-sample/app/examples/livesync-test/second/second.component.css

@@ -11,4 +11,4 @@ button {
 
 stack-layout {
     background-color: lightblue;
-}
+}

ng-sample/app/examples/livesync-test/second/second.component.ts

@@ -1,12 +1,9 @@
 import { Component } from "@angular/core";
-import { ROUTER_DIRECTIVES } from '@angular/router';
-import { NS_ROUTER_DIRECTIVES} from "nativescript-angular/router"
 
 @Component({
     selector: "second",
-    directives: [ROUTER_DIRECTIVES, NS_ROUTER_DIRECTIVES],
     styleUrls: ["examples/livesync-test/second/second.component.css"],
     templateUrl: "examples/livesync-test/second/second.component.xml"
 })
 export class SecondComponent {
-}
+}

ng-sample/app/examples/modal/modal-content.ts

@@ -1,4 +1,4 @@
-import {Component} from '@angular/core';
+import {Component, Input} from '@angular/core';
 import {ModalDialogParams} from "nativescript-angular/directives/dialogs";
 
 @Component({
@@ -14,7 +14,7 @@ import {ModalDialogParams} from "nativescript-angular/directives/dialogs";
     `
 })
 export class ModalContent {
-    public prompt: string;
+    @Input() public prompt: string;
     constructor(private params: ModalDialogParams) {
         console.log("ModalContent.constructor: " + JSON.stringify(params))
         this.prompt = params.context.promptMsg;