How to create autocomplete in header?

Ionic Framework ionic-v3
1

I want to create a autocomplete with ion-search.
I use a ion-search and ion-list for show suggestions in autocomplete.
but use in ion-header not show ion-list.
in following autocomplete code:

<ion-searchbar [(ngModel)]="searchModel" (keyup)="keyup($event)" [debounce]="250" 
          (change)="change()"  placeholder="{{ 'SEARCH' | translate }}" (ionClear)="clear()" 
          autocorrect="off"></ion-searchbar>
{{item[autoCompleteTitle]}}
2

I got the same problem here. Did you find a solution for that ? Can you share it with me please

3

@rashidi @jooo13

You can’t put auto suggestions with ion-item in header.I also have same kind of requirements.I have achieved the same functionality take a look at it. It may helpful for you…

Screenshot_20180105-084613
Screenshot_20180105-084613.jpg720×1280 310 KB

Screenshot_20180105-084629
Screenshot_20180105-084629.jpg720×1280 226 KB

I have submitted My repo to github too…

1 Like