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>