Added list view with nested template example

Author: vakrilov

app/app.routes.ts

@@ -15,6 +15,7 @@ import { ListViewComponent } from "./listView/commonTemplate/list-view-page";
 import { ListViewControlComponent } from "./listView/customTemplate/list-view-item-template";
 import { ListViewAsyncPipeComponent } from "./listView/asyncPipeTemplate/async-pipe-template";
 import { ListViewMainPageComponent } from "./listView/listViewMainPage/list-view-main-page";
+import { ListViewWithNestedTemplateComponent } from "./listView/nestedTemplate/list-view-nested-template";
 
 import { ModalTest, ModalTestWithPushStrategy, ModalContent } from "./modal/modal-dialogs/modal-dialog.component";
 import { ModalViewMainPageComponent } from "./modal/modal-view-main-page";
@@ -46,6 +47,7 @@ export const routes = [
     routeEntry({ path: 'listView/commonTemplate', component: ListViewComponent, data: { title: "commonTemplate" } }),
     routeEntry({ path: 'listView/customTemplate', component: ListViewControlComponent, data: { title: "customTemplate" } }),
     routeEntry({ path: 'listView/asyncPipeTemplate', component: ListViewAsyncPipeComponent, data: { title: "asyncPipeTemplate" } }),
+    routeEntry({ path: 'listView/nestedTemplate', component: ListViewWithNestedTemplateComponent, data: { title: "nestedTemplate" } }),
 
     routeEntry({ path: 'modal', component: ModalViewMainPageComponent, data: { title: "Modals", isNavigatable: true} }),
     routeEntry({ path: 'modal/modal-dialogs', component: ModalTest, data: { title: "modal" } }),

app/listView/listViewMainPage/list-view-main-page.ts

@@ -7,6 +7,7 @@ import { Component } from "@angular/core";
         <Button text="ListView" [nsRouterLink]="['/listView','commonTemplate']"></Button>        
         <Button text="ListViewCustomTemplate" [nsRouterLink]="['/listView','customTemplate']"></Button>
         <Button text="ListViewAsyncPipe" [nsRouterLink]="['/listView','asyncPipeTemplate']"></Button>  
+        <Button text="NestedTemplate" [nsRouterLink]="['/listView','nestedTemplate']"></Button>  
      </StackLayout>   
     `,
 })

app/listView/nestedTemplate/list-view-nested-template.ts

@@ -0,0 +1,26 @@
+import { Component, ChangeDetectionStrategy } from '@angular/core';
+
+@Component({
+    selector: 'list-test',
+    template: `
+        <GridLayout rows="* auto" automationText="mainView"> 
+            <ListView [items]="myItems">
+                <template let-item="item">
+                    <GridLayout>
+                        <Label [text]="'Item ' + item"></Label>
+                        <Label *ngIf="item === 'error'" text="ERROR"></Label>
+                    </GridLayout>
+                </template>
+            </ListView>
+
+            <Button text="navigate" row="1" [nsRouterLink]="['/first']"></Button>
+        </GridLayout>
+    `,
+    changeDetection: ChangeDetectionStrategy.OnPush
+})
+export class ListViewWithNestedTemplateComponent {
+    public myItems: string[] = ["one", "two"];
+
+    constructor() {
+    }
+}