diff --git a/src/app/app.html b/src/app/app.html index 7528372..a337bf0 100644 --- a/src/app/app.html +++ b/src/app/app.html @@ -1,342 +1,4 @@ - - - - - - - - - - - -
-
-
- -

Hello, {{ title() }}

-

Congratulations! Your app is running. 🎉

-
- -
-
- @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 }} - - - - - } -
- -
-
-
- - - - - - - - - - - +
+

{{strings.contactList|titlecase}}

+
+ \ No newline at end of file diff --git a/src/app/app.scss b/src/app/app.scss index e69de29..d8ed710 100644 --- a/src/app/app.scss +++ b/src/app/app.scss @@ -0,0 +1,3 @@ +.bar-container { + background-color: var(--primaryDark); +} \ No newline at end of file diff --git a/src/app/app.ts b/src/app/app.ts index 9a086bf..6801fe9 100644 --- a/src/app/app.ts +++ b/src/app/app.ts @@ -1,12 +1,13 @@ -import { Component, signal } from '@angular/core'; +import { Component, inject } from '@angular/core'; import { RouterOutlet } from '@angular/router'; - +import { STRINGS_INJECTOR } from './app.config'; +import { TitleCasePipe } from '@angular/common'; @Component({ selector: 'app-root', - imports: [RouterOutlet], + imports: [RouterOutlet, TitleCasePipe], templateUrl: './app.html', - styleUrl: './app.scss' + styleUrl: './app.scss', }) export class App { - protected readonly title = signal('agenda-web'); + protected readonly strings = inject(STRINGS_INJECTOR); }