Tengo una función de autocompletar como esta
chooseArtist: OperatorFunction<string, readonly string[]> = (text$: Observable<string>) => text$.pipe( debounceTime(200), distinctUntilChanged(), map((term: any) => term.length < 2 ? [] : this.artistlookuplist.filter((v: any) => v.name.toLowerCase().indexOf(term.toLowerCase()) > -1).slice(0, 10)) ) Y tengo un servicio que llena la artistlookuplist de esta manera:
getArtists(): void { this.artistService.getSearchArtist(this.searchstring).subscribe((data: any[]) => { this.artistlookuplist = data; }); Me gustaría combinar estos dos. De modo que la lista de sugerencias de autocompletar solo se recupera cuando se llama a la función chooseArtist desde el campo de autocompletar.
¿Alguna idea de cómo?
Entiendo que quieres combinar los dos observables. Cuando necesite combinar dos observables, uno dependiendo del otro, use el operador switchMap rxjs
import {of} from 'rxjs import {debounceTime,distictUntilChahne,switchMap} from 'rxjs/operators' text$.pipe( debounceTime(200), distinctUntilChanged(), switchMap((term:any)=>{ return term.length<2? of([]): this.artistService.getSearchArtist(term) }) ) Vea que tiene un primer observable, el text$, y basado en el valor de "término" devuelve un observable (si term.length<2 use el operador of rxjs para devolver un objeto de una matriz vacía, de lo contrario, el observable que devolver el servicio.
Puede ver switchMap como un mapa similar. Cuando usamos map, transformamos la respuesta (pero devolvemos una matriz o una cadena o...), cuando usamos switchMap, "transformamos" la respuesta y devolvemos un nuevo observable.