Add a component with an external template (templateUrl)

hdeshev · hdeshev · commit 517691627e62 · 2015-11-12T15:35:31.000+02:00
diff --git a/ng-sample/src/renderer-test.ts b/ng-sample/src/renderer-test.ts
@@ -1,12 +1,20 @@
 import {Inject, Component, View, NgIf, NgFor} from 'angular2/angular2';
 
+@Component({
+    selector: 'templated-component',
+    templateUrl: 'title.html'
+})
+export class TemplatedComponent {
+}
+
 @Component({
 	selector: 'renderer-test'
 })
 @View({
-    directives: [NgIf, NgFor],
+    directives: [NgIf, NgFor, TemplatedComponent],
 	template: `
 <StackLayout orientation='vertical'>
+    <templated-component></templated-component>
     <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>
diff --git a/ng-sample/src/title.html b/ng-sample/src/title.html
@@ -0,0 +1 @@
+<Label text="Hello, external templates"></Label>

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1 @@`
	`1`	`+<Label text="Hello, external templates"></Label>`