Search page.component.html
<div class="input-group mb-3">
<input
type="text"
class="form-control"
[(ngModel)]="searchTerm"
placeholder="Search country names"
(keydown.enter)="onSearch()"
/>
<div class="input-group-append">
<button class="btn btn-primary" (click)="onSearch()">Search</button>
</div>
</div>
<div *ngIf="apiResults$ | async as apiResults">
<app-country-table [apiResults]="apiResults"></app-country-table>
</div>