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);
    }
}