Angular: правильный способ получения результатов после замены фильтра - PullRequest
0 голосов
/ 07 марта 2019

В моем простом приложении у меня есть 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,

Должен ли я оставаться на месте или как-то рефакториться, или, может быть, каждый раз отписываться?

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...