krawaller · July 25, 2017 14:31 · Jul 25, 2017
diff --git a/components.ts b/components.ts
@@ -0,0 +1,23 @@
+import { Component, Input } from '@angular/core';
+
+@Component({
+  selector: 'app',
+  template: `
+    <table>
+      <tr magicrow msg="hello"></tr>
+      <tr magicrow msg="world"></tr>
+    </table>
+  `,
+})
+export class AppComponent {}
+
+
+@Component({
+  selector: 'tr[magicrow]',
+  template: `
+    <td>{{msg}}</td>
+  `
+})
+export class RowComponent {
+  @Input() msg: string
+}
diff --git a/main.ts b/main.ts
@@ -0,0 +1,14 @@
+import { NgModule } from '@angular/core';
+import { BrowserModule } from '@angular/platform-browser';
+import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
+
+import { AppComponent, RowComponent } from './components';
+
+@NgModule({
+    imports: [ BrowserModule ],
+    declarations: [ AppComponent, RowComponent ],
+    bootstrap: [ AppComponent ]
+})
+class AppModule {}
+
+platformBrowserDynamic().bootstrapModule(AppModule);