Update ng-sample app.

Author: hdeshev

ng-sample/app/app.css

@@ -14,6 +14,6 @@
 }
 
 button {
-    font-size: 42;
+    font-size: 20;
     horizontal-align: center;
 }

ng-sample/app/renderer-test.ts

@@ -1,18 +1,33 @@
-import {Inject, Component, View} from 'angular2/core';
+import {Component, Directive, Host, ElementRef, Input} from 'angular2/core';
 
 @Component({
     selector: 'templated-component',
+    directives: [TemplatedComponent],
     templateUrl: 'title.html'
 })
 export class TemplatedComponent {
+    @Input() public renderChild: boolean = false;
+    @Input() public text: string = "Hello, external templates";
+}
+
+@Directive({
+    selector: 'Progress',
+})
+export class ProgressComponent {
+    constructor(private element: ElementRef) {
+    }
+
+    ngOnInit() {
+        this.element.nativeElement.value = 90;
+    }
 }
 
 @Component({
 	selector: 'renderer-test',
-    directives: [TemplatedComponent],
+    directives: [TemplatedComponent, ProgressComponent],
 	template: `    
     <StackLayout orientation='vertical'>
-        <templated-component *ngIf='showDetails'></templated-component>
+        <Progress value="50" style="color: red"></Progress>
         <Label [class.valid]="isValid" [class.invalid]="!isValid" text='Name' fontSize='20' verticalAlignment='center' padding='20'></Label>
         <TextField #name text='John' fontSize='20' padding='20'></TextField>
         <Button [text]='buttonText' (tap)='onSave($event, name.text, $el)'></Button>
@@ -23,6 +38,7 @@ export class TemplatedComponent {
             <TextField *ngFor='#detailLine of detailLines' [text]='detailLine'></TextField>
         </StackLayout>
         <Label text='==============================' fontSize='20'></Label>
+        <templated-component [renderChild]="true"></templated-component>
     </StackLayout>
 `,
 })
@@ -41,9 +57,8 @@ export class RendererTest {
         this.moreDetailsText = 'More details:';
 
         this.detailLines = [
-            "ngFor inside a ngIf",
-            "Street address",
-            "Country, city",
+            "ngFor inside a ngIf 1",
+            "ngFor inside a ngIf 2",
         ];
     }
 

ng-sample/app/title.html

@@ -1,2 +1,2 @@
-<Switch></Switch>
-<Label text="Hello, external templates"></Label>
+<Label [text]="text + ' -> ' + renderChild"></Label>
+<templated-component *ngIf="renderChild"></templated-component>

ng-sample/tsconfig.json

@@ -35,5 +35,9 @@
     "filesGlob": [
         "node_modules/tns-core-modules/tns-core-modules.d.ts",
         "app/**/*.ts"
+    ],
+    "exclude": [
+        "node_modules",
+        "platforms"
     ]
 }