Angular ng-select загрузить asyn c данные при возникновении события (open) - PullRequest
Новая
       59

Angular ng-select загрузить asyn c данные при возникновении события (open)

0 голосов
/ 30 апреля 2020

Я использую ng-select пользовательский поиск на стороне сервера для загрузки данных в зависимости от того, что пользователь вводит. В настоящее время он работает только в том случае, если ключевое слово фактически нажато. 

<ng-select [items]="filterValues$ | async"
    [typeahead]="filterValuesInput$"
    [multiple]="true"
    (open)="getFilterValues(pref.id)"
    [loading]="filterValuesLoading"
    bindLabel="name"
    [(ngModel)]="filter_values">
</ng-select>

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

getFilterValues(filterId) {
    this.filterValues$ = concat(
      of([]), // default items
      this.filterValuesInput$.pipe(
        distinctUntilChanged(),
        tap(() => this.filterValuesLoading = true),
        switchMap(term => this.service.getFilterValues(filterName, '' + term).pipe(
          map(res => res.filter_values),
          catchError(() => of([])), // empty list on error
          tap(() => this.filterValuesLoading = false)
        ))
      )
    );
}

Есть предложения?

...