From 89e8e7371cf606c25d1bca0771241ab88a09e789 Mon Sep 17 00:00:00 2001 From: 0qln <0qln@proton.me> Date: Sat, 6 Dec 2025 11:51:10 +0100 Subject: [PATCH] migrate app --- demo/src/app/app.component.html | 17 -- demo/src/app/app.component.ts | 22 -- demo/src/app/app.html | 343 +------------------------------- demo/src/app/app.ts | 13 +- 4 files changed, 22 insertions(+), 373 deletions(-) delete mode 100644 demo/src/app/app.component.html delete mode 100644 demo/src/app/app.component.ts diff --git a/demo/src/app/app.component.html b/demo/src/app/app.component.html deleted file mode 100644 index b4b2582..0000000 --- a/demo/src/app/app.component.html +++ /dev/null @@ -1,17 +0,0 @@ - - -
-
-
- -
Typ: {{ auto?.typ ?? "N/A" }}
-
Hersteller: {{ auto?.hersteller ?? "N/A" }}
-
Kennzeichen: {{ auto?.kennzeichen ?? "N/A" }}
-
- -
- -
- -
-
diff --git a/demo/src/app/app.component.ts b/demo/src/app/app.component.ts deleted file mode 100644 index 4e53d4a..0000000 --- a/demo/src/app/app.component.ts +++ /dev/null @@ -1,22 +0,0 @@ -import { Component } from '@angular/core'; -import { Auto } from './Auto'; -import { CreateAutoComponent } from './create-auto/create-auto.component'; -import { DisplayHtmlComponent } from './display-html/display-html.component'; - -@Component({ - selector: 'app-root', - imports: [CreateAutoComponent, DisplayHtmlComponent], - templateUrl: './app.component.html', - styleUrl: './app.component.css' -}) -export class AppComponent { - title = 'demo'; - - constructor(public auto?: Auto) { - - } - - setAuto(auto: Auto) { - this.auto = auto; - } -} diff --git a/demo/src/app/app.html b/demo/src/app/app.html index e0118a1..32a123a 100644 --- a/demo/src/app/app.html +++ b/demo/src/app/app.html @@ -1,342 +1,19 @@ - - - - - - - - - - +
-
- -

Hello, {{ title() }}

-

Congratulations! Your app is running. 🎉

+
+ +
Typ: {{ auto?.typ ?? "N/A" }}
+
Hersteller: {{ auto?.hersteller ?? "N/A" }}
+
Kennzeichen: {{ auto?.kennzeichen ?? "N/A" }}
- -
-
- @for (item of [ - { title: 'Explore the Docs', link: 'https://angular.dev' }, - { title: 'Learn with Tutorials', link: 'https://angular.dev/tutorials' }, - { title: 'Prompt and best practices for AI', link: 'https://angular.dev/ai/develop-with-ai'}, - { title: 'CLI Docs', link: 'https://angular.dev/tools/cli' }, - { title: 'Angular Language Service', link: 'https://angular.dev/tools/language-service' }, - { title: 'Angular DevTools', link: 'https://angular.dev/tools/devtools' }, - ]; track item.title) { - - {{ item.title }} - - - - - } -
- + +
+
+
- - - - - - - - - diff --git a/demo/src/app/app.ts b/demo/src/app/app.ts index a8ddac5..8b9f26d 100644 --- a/demo/src/app/app.ts +++ b/demo/src/app/app.ts @@ -1,12 +1,23 @@ import { Component, signal } from '@angular/core'; import { RouterOutlet } from '@angular/router'; +import { Auto } from './Auto'; +import { CreateAutoComponent } from './create-auto/create-auto'; +import { DisplayHtmlComponent } from './display-html/display-html'; @Component({ selector: 'app-root', - imports: [RouterOutlet], + imports: [RouterOutlet, CreateAutoComponent, DisplayHtmlComponent], templateUrl: './app.html', styleUrl: './app.css' }) export class App { protected readonly title = signal('demo'); + + constructor(public auto?: Auto) { + + } + + setAuto(auto: Auto) { + this.auto = auto; + } }