Применить автозаполнение без API

Question

Мне нужно реализовать автозаполнение primeNg без нажатия API

<p-autoComplete [(ngModel)]="text" [suggestions]="results" (completeMethod)="search($event)" emptyMessage="Not found">
</p-autoComplete>

<div class="list-wrapper">
    <ul>
        <li *ngFor="let user of userList">
            <div class="name">Name: {{ user.name }}</div>
            <div class="id">Id: {{ user.id }}</div>
        </li>
    </ul>
</div>

выпадающий список работает, когда я начинаю печатать, но автозаполнение не работает

getUserList() {
    this.http
      .get<any[]>("https://jsonplaceholder.typicode.com/users")
      .subscribe(response => {
        this.userList = response;
      });
  }

  search(event) {
    this.results = this.userList.map(value => value.name)
  }

любая идея, как можно я достиг этого?