diff --git a/src/app/app.component.html b/src/app/app.component.html index bf2da11..a6988be 100644 --- a/src/app/app.component.html +++ b/src/app/app.component.html @@ -1,336 +1,2 @@ - - - - - - - - - - - -
-
-
- -

{{ 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: '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 }} - - - - - } -
- -
-
-
- - - - - - - - - - - +

{{title}}

+ \ No newline at end of file diff --git a/src/app/app.component.ts b/src/app/app.component.ts index 40edeea..17be7b6 100644 --- a/src/app/app.component.ts +++ b/src/app/app.component.ts @@ -1,11 +1,12 @@ import { Component } from '@angular/core'; import { RouterOutlet } from '@angular/router'; +import { HeroesComponent } from "./heroes/heroes.component"; @Component({ selector: 'app-root', - imports: [RouterOutlet], templateUrl: './app.component.html', - styleUrl: './app.component.css' + styleUrl: './app.component.css', + imports: [HeroesComponent] }) export class App { protected title = 'Tour of Heroes'; diff --git a/src/app/heroes/heroes.component.css b/src/app/heroes/heroes.component.css new file mode 100644 index 0000000..e69de29 diff --git a/src/app/heroes/heroes.component.html b/src/app/heroes/heroes.component.html new file mode 100644 index 0000000..e37b264 --- /dev/null +++ b/src/app/heroes/heroes.component.html @@ -0,0 +1 @@ +

{{hero}}

\ No newline at end of file diff --git a/src/app/heroes/heroes.component.ts b/src/app/heroes/heroes.component.ts new file mode 100644 index 0000000..c329855 --- /dev/null +++ b/src/app/heroes/heroes.component.ts @@ -0,0 +1,12 @@ +import { Component } from '@angular/core'; + + +@Component({ + selector: 'app-heroes', + templateUrl: './heroes.component.html', + styleUrl: './heroes.component.css' +}) + +export class HeroesComponent { + hero = 'Windstorm'; +}