diff --git a/src/app/app.routes.ts b/src/app/app.routes.ts
index 16dea5b..c4d056a 100644
--- a/src/app/app.routes.ts
+++ b/src/app/app.routes.ts
@@ -7,7 +7,7 @@ export const routes: Routes = [
{ path: '', redirectTo: '/dashboard', pathMatch: 'full' }, //путь по умолчанию
{ path: 'heroes', component: HeroesComponent },
- { path: 'dashboard', component: DashboardComponent },
+ { path: 'dashboard', component: DashboardComponent },
{ path: 'detail/:id', component: HeroDetailComponent },
];
diff --git a/src/app/dashboard/dashboard.component.ts b/src/app/dashboard/dashboard.component.ts
index ce9692c..54f028d 100644
--- a/src/app/dashboard/dashboard.component.ts
+++ b/src/app/dashboard/dashboard.component.ts
@@ -3,10 +3,11 @@ import { Component, OnInit } from '@angular/core';
import { Hero } from '../hero';
import { HeroService } from '../hero.service';
import { RouterLink } from '@angular/router';
+import { HeroSearchComponent } from "../hero-search/hero-search.component";
@Component({
selector: 'app-dashboard.component',
- imports: [CommonModule, RouterLink],
+ imports: [CommonModule, RouterLink, HeroSearchComponent],
templateUrl: './dashboard.component.html',
styleUrl: './dashboard.component.css'
})
diff --git a/src/app/hero-search/hero-search.component.html b/src/app/hero-search/hero-search.component.html
index cee79d7..a0c632f 100644
--- a/src/app/hero-search/hero-search.component.html
+++ b/src/app/hero-search/hero-search.component.html
@@ -1,7 +1,7 @@
-
+
-
diff --git a/src/app/hero-search/hero-search.component.ts b/src/app/hero-search/hero-search.component.ts
index 0de74a1..bff5a04 100644
--- a/src/app/hero-search/hero-search.component.ts
+++ b/src/app/hero-search/hero-search.component.ts
@@ -1,30 +1,26 @@
import { Component, OnInit } from '@angular/core';
-
import { Observable, Subject } from 'rxjs';
-
import {
debounceTime, distinctUntilChanged, switchMap
} from 'rxjs/operators';
-
import { Hero } from '../hero';
import { HeroService } from '../hero.service';
+import { CommonModule } from '@angular/common'; //добавил библиотеку
+import { RouterLink } from '@angular/router'; //добавил библиотеку
+
@Component({
selector: 'app-hero-search',
+ imports: [CommonModule, RouterLink],
templateUrl: './hero-search.component.html',
styleUrls: [ './hero-search.component.css' ]
})
export class HeroSearchComponent implements OnInit {
heroes$!: Observable;
private searchTerms = new Subject();
-
+
constructor(private heroService: HeroService) {}
- // Push a search term into the observable stream.
- search(term: string): void {
- this.searchTerms.next(term);
- }
-
ngOnInit(): void {
this.heroes$ = this.searchTerms.pipe(
// wait 300ms after each keystroke before considering the term
@@ -38,9 +34,6 @@ export class HeroSearchComponent implements OnInit {
);
}
-
- private searchTerms = new Subject();
-
// Push a search term into the observable stream.
search(term: string): void {
this.searchTerms.next(term);