Search page.component.ts
@Component({
selector: 'app-search-page',
templateUrl: './search-page.component.html',
standalone: true,
imports: [FormsModule, CountryTableComponent, NgIf, NgFor, AsyncPipe],
})
export class SearchPageComponent implements OnInit {
searchTerm = '';
apiResults$?: Observable<Country[]>;
constructor(private apiService: CountryApiService) {}
ngOnInit() {}
onSearch(): void {
console.log(`Searching ${this.searchTerm}`);
this.apiResults$ = this.apiService.findByName(this.searchTerm);
}
}