diff --git a/demo/src/app/display-html/display-html.component.html b/demo/src/app/display-html/display-html.component.html
deleted file mode 100644
index 506be4f..0000000
--- a/demo/src/app/display-html/display-html.component.html
+++ /dev/null
@@ -1,4 +0,0 @@
-<div>
-  <p innerHtml="{{ html }}"></p>
-  <button (click)="updateHtml()">Update Html</button>
-</div>
diff --git a/demo/src/app/display-html/display-html.component.ts b/demo/src/app/display-html/display-html.component.ts
deleted file mode 100644
index 1f5adf6..0000000
--- a/demo/src/app/display-html/display-html.component.ts
+++ /dev/null
@@ -1,15 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-  selector: 'app-display-html',
-  imports: [],
-  templateUrl: './display-html.component.html',
-  styleUrl: './display-html.component.css'
-})
-export class DisplayHtmlComponent {
-  html: string = '';
-
-  updateHtml() {
-    this.html = "<i>neuer text ???</i>";
-  }
-}
diff --git a/demo/src/app/display-html/display-html.html b/demo/src/app/display-html/display-html.html
index b583b27..506be4f 100644
--- a/demo/src/app/display-html/display-html.html
+++ b/demo/src/app/display-html/display-html.html
@@ -1 +1,4 @@
-<p>display-html works!</p>
+<div>
+  <p innerHtml="{{ html }}"></p>
+  <button (click)="updateHtml()">Update Html</button>
+</div>
diff --git a/demo/src/app/display-html/display-html.ts b/demo/src/app/display-html/display-html.ts
index 976768f..c0a1df6 100644
--- a/demo/src/app/display-html/display-html.ts
+++ b/demo/src/app/display-html/display-html.ts
@@ -6,6 +6,10 @@ import { Component } from '@angular/core';
   templateUrl: './display-html.html',
   styleUrl: './display-html.css',
 })
-export class DisplayHtml {
+export class DisplayHtmlComponent {
+  html: string = '';
 
+  updateHtml() {
+    this.html = "<i>neuer text ???</i>";
+  }
 }