Support NativeScript templates.

Extract the string value and set it to parent.itemTemplate.

Author: hdeshev

Diff for: src/nativescript-angular/renderer.ts

@@ -14,7 +14,7 @@ import {TemplateCloner} from 'angular2/src/render/dom/template_cloner';
 import {NG_BINDING_CLASS, cloneAndQueryProtoView} from 'angular2/src/render/dom/util';
 import {DOM} from 'angular2/src/dom/dom_adapter';
 
-import {ViewNode} from 'nativescript-angular/view_node';
+import {ViewNode, DummyViewNode} from 'nativescript-angular/view_node';
 
 export class NativeScriptView {
     public eventDispatcher: RenderEventDispatcher;
@@ -228,7 +228,18 @@ export class NativeScriptRenderer extends Renderer {
         parsedChildren.forEach(node => {
             var viewNode: ViewNode;
             if (node.type == "tag") {
-                viewNode = new ViewNode(parent, node.name, node.attribs);
+                if (node.name.indexOf('itemtemplate') >= 0) {
+                    // all lowercased. the only thing that can work here
+                    // is kebab-cased tags and attributes.
+                    let templateString = DOM.getInnerHTML(node);
+                    parent.setAttribute('itemTemplate', templateString);
+                    // return a view node even if we do nothing with it so that
+                    // index-based binding configuration doesn't break for bound
+                    // nodes coming after.
+                    viewNode = new DummyViewNode(parent);
+                } else {
+                    viewNode = new ViewNode(parent, node.name, node.attribs);
+                }
             } else if (node.type == "text") {
                 //viewNode = new ViewNode(parent, "rawtext", {text: node.data});
                 //Ignore text nodes

Diff for: src/nativescript-angular/view_node.ts

@@ -125,7 +125,8 @@ export class ViewNode {
             (<any>this.parentNativeView)._addChildFromBuilder(this.viewName, this.nativeView);
             this.attachUIEvents();
         } else {
-            throw new Error("Parent view can't have children! " + this._parentView);
+            console.log('parentNativeView: ' + this.parentNativeView);
+            throw new Error("Parent view can't have children! " + this.parentNativeView);
         }
     }
 
@@ -159,6 +160,12 @@ export class ViewNode {
     }
 
     public setAttribute(attributeName: string, value: any): void {
+        if (!this.nativeView) {
+            console.log('Native view not created. Delaying attribute set: ' + attributeName);
+            this.attributes[attributeName] = value;
+            return;
+        }
+
         console.log('Setting attribute: ' + attributeName);
 
         let specialSetter = getSpecialPropertySetter(attributeName);
@@ -254,7 +261,7 @@ export class ViewNode {
         return this.children.indexOf(childNode);
     }
 
-    setProperty(name: string, value: any) {
+    public setProperty(name: string, value: any) {
         console.log('ViewNode.setProperty ' + this.viewName + ' setProperty ' + name + ' ' + value);
         if (this.nativeView) {
             this.setAttribute(name, value);
@@ -287,3 +294,17 @@ export class ViewNode {
     }
 
 }
+
+export class DummyViewNode extends ViewNode {
+    constructor(public parentNode: ViewNode) {
+        super(parentNode, null, {});
+    }
+    public attachToView(atIndex: number = -1) {
+    }
+    public insertChildAt(index: number, childNode: ViewNode) {
+    }
+    public removeChild(childNode: ViewNode) {
+    }
+    setProperty(name: string, value: any) {
+    }
+}