В моем простом приложении у меня есть FilterComponent, ListComponent и один сервис (я называю это GithubService).
Мне нужно, чтобы поисковое слово набиралось в адресе FilterComponent через http на github и возвращало результаты в ListComponent.
export class GithubService {
baseUrlSearch ="https://api.github.com/search";
initResponse:IResponse = {total_count:0,incomplete_results:false,items:[]}
//subject = new Subject<IResponse>();
subject = new BehaviorSubject<IResponse>(this.initResponse);
constructor(private http: HttpClient) { }
public setSearch(newSearchText:string):void{
if (newSearchText.length<=3) return;
const url=`${this.baseUrlSearch}/users?q=${newSearchText}`;
this.http.get<IResponse>(url).pipe(debounceTime(500)).subscribe(
res=> this.subject.next(res));
}
public getResults():Observable<IResponse>
{
return this.subject.asObservable();
}
// ListComponent class
export class ListComponent implements OnInit {
response$: Observable<IResponse>;
constructor (private service :GithubService)
{}
ngOnInit(): void {
this.response$= this.service.getResults();
}
}
Что я не знаю, так это то, что служба подписывается каждый раз при изменении newSearchText,
Должен ли я оставаться на месте или как-то рефакториться, или, может быть, каждый раз отписываться?