show ion-list over other elements

Question

I'm doing simple CRUD operation and on retrieving the object I am getting the list all saved objects and I want to search the list of objects by name. But I don't want to use ion-searchbar instead I want to use ion-input and show suggestions in ion-list under ion-input but overlapping other elements like any other search bar(like google search). I have data in JSON format. I also try to use ionic4-autocomplete but facing error like

error image in ionic 4 app on auto complete

The solution to any of the problem will help. thanks in advance.

Answer 1

Better List Filtering

There is a great project called ionic-selectable, which lets you have a nice searchable UI for lists of data.

Autocomplete Error

The formGroup error is because you haven't added in the Reactive Forms reference.

Find this line in the related module:

import { FormsModule } from '@angular/forms';

And change it to:

import { FormsModule, ReactiveFormsModule } from '@angular/forms';