Как использовать простое автозаполнение с асинхронным каналом?

Question

Как использовать автозаполнение с асинхронным c каналом с простым числом, когда у нас есть наблюдаемая для отфильтрованных стран одна?

<h3 class="first">Basic</h3>
<p-autoComplete 
    [(ngModel)]="country" 
    [suggestions]="filteredCountriesSingle$ | async"
    field="name" [size]="30"
    placeholder="Countries" [minLength]="1"
></p-autoComplete>
<span style="margin-left:10px">Country: {{country ? country.name||country : 'none'}}</span>