угловые2, наблюдаемые результаты фильтра RxJs?

Question

Я звоню в службу и возвращаю объект json. Я хотел бы отфильтровать результаты, но не могу заставить его работать. Запрос работает отлично, и я передаю ключевое слово, используя функцию фильтра. Я попытался отключить его, но он возвращает пустой массив.

Благодарим заранее.

let keywords = 'defunkt'; 

this.http.get('https://api.github.com/users') 
    .map((res: Response) => res.json()) 
    .subscribe(
    data => { 
     this.result = data, 
     console.log(this.result.filter((keyword, index) => keywords.lastIndexOf(keyword) === index)); 
    }, 
    err => console.error(err), 
    () => console.log('done') 
); 

Answer 1

Вот это сервис, который позволит вам искать пользователей GitHub их логин:

@Injectable() 
export class GithubSearchService { 

    constructor(private http: Http) { } 

    byLogin(query: string): Observable<any> { 
    return this.http.get('https://api.github.com/users') 
     .map(resp => resp.json()) 
     .mergeMap(val => val) // <!-- this is important 
     .filter((user: any) => user.login.includes(query)); 
    } 

} 

И теперь код потребляя эту услугу:

export class AppComponent { 

    constructor(private search: GithubSearchService) { } 

    ngOnInit() { 
    this.search.byLogin('van') 
     .subscribe(results => console.log(results)); 
    } 

} 

Несколько замечаний:

• В этой реализации фильтрация d один на клиенте. Это означает, что вы не просматриваете ВСЕ пользователей Github, а только через пользователей, возвращаемых вызовом API (кажется, 30 пользователей по умолчанию). API Github, вероятно, принимает параметры, которые позволяют выполнять фильтрацию на сервере.
• Обратите внимание на использование оператора mergeMap(). Это позволяет мне сгладить массив пользователей, возвращаемых API, и каждый пользователь излучается как отдельное индивидуальное значение в наблюдаемом. Я сделал это, чтобы я мог манипулировать (и фильтровать) каждого пользователя отдельно с другими операторами RxJS вместо того, чтобы иметь дело с массивом пользователей.
• Я использовал String.prototype.includes(), чтобы проверить, если пользовательский логин содержит данный поиск (поиск с учетом регистра). Поскольку эта часть является чистой JS, вы можете легко ее адаптировать для фильтрации по другим критериям.