How to replace an observable array by array from API response?

Question

I'm using custom material autocomplete input for select items in my dynamic form component. As I said fields of form are dynamic and to filter items list I have to change the list every time user type somethin in the input.

filteredOptions: { [key: string]: Observable<PickListItem[]> } = {}; key is the name of controlName and PickListItem is list of items to the select.

In some case user can add theri own option to the list, after that there is API request that returns updated list of items and here is my problem: I want to replace old list with the new one (updated).

Can someone help me?

this.componentsApiService.addPicklistItem(field.Attributes.List.ID, this.addInputOption)
      .pipe(
        finalize(() => {
          this.store.dispatch(new StopLoading('shared.saving'));
        }),
        takeUntil(this.componentDestroyed$))
      .subscribe( result /*updated list*/ => {
        this.filteredOptions[field.Label] = <= here I want to assign observable updated list, dont know how to do this
        this.addInputOption = '';
      }, ({error}) => {
        this.snackBarService.error(error.message);
      });

Fateh Mohamed · Accepted Answer · 2020-07-09 22:52:37Z

1

you can use rxjs of operator to create an observable

import { of } from 'rxjs';

this.filteredOptions[field.Label] = of(result);

answered Jul 9, 2020 at 22:52

Fateh Mohamed

21.5k5 gold badges46 silver badges56 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

micronyks Over a year ago

OR, you can use from operator.

Collectives™ on Stack Overflow

How to replace an observable array by array from API response?

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related