Search bar Autocomplete from API

Question

I\'m trying to create a book search bar with autocomplete that will show relevant results dynamically with each keypress. Everything is working and I\'m getting the data, but re

Answer 1

You can directly pass the created observable to the autocomplete control :

ts

...
    searchResult: Observable;

          onChanges(): void {
                this.searchResult = this.searchForm.get('searchBar').valueChanges.pipe(
                 switchMap(val => this.searchService.searchingValue(val))    
                );

              }
...

html

Book Search


        

            
                
                
                  Loading...
                  
                    
                      {{ option.volumeInfo.title }}