How to Empty an Angular Observable Array?

Question

heroes$: Observable<Hero[]>;

 // Push a search term into the observable stream.
  search(term: string): void {
    this.searchTerms.next(term);
  }
 ngOnInit(): void {
    this.heroes$ = this.searchTerms.pipe(
      // wait 300ms after each keystroke before considering the term
      debounceTime(500),

      // ignore new term if same as previous term
      distinctUntilChanged(),

      // switch to new search observable each time the term changes
      switchMap((term: string) => this.searchService.searchHeroes(term)),
    );
  }

  onClear(event){
     console.log('clear observable');
       //clear array
      // I have Tried these two things to clear observable array but it not..
      this.heroes$.map(Hero => Hero = []);
      Observable.of<Hero[]>([]);
  }

I have a Searh box with search suggestion has observable Array.. during onClear event the the Observable Array should Empty.

you can do this, this.heroes$.splice(0) or simply you can do this.heroes$ = [] — PPL
– PPL, Commented Mar 21, 2018 at 5:35
Property 'splice' does not exist on type 'Observable<Hero[]>'. — Mohamed Arshath
– Mohamed Arshath, Commented Mar 21, 2018 at 5:39
this.heroes$ = [] have following error Type 'undefined[]' is not assignable to type 'Observable<Hero[]>'. — Mohamed Arshath
– Mohamed Arshath, Commented Mar 21, 2018 at 5:40
Observable.of<Hero[]>([]); i Have Tried this but not working.. please help me — Mohamed Arshath
– Mohamed Arshath, Commented Mar 21, 2018 at 6:01

John · Accepted Answer · 2018-03-21 06:09:21Z

1

You could try something like

this.heroes$ = this.searchTerms.pipe(
  // wait 300ms after each keystroke before considering the term
  debounceTime(500),

  // ignore new term if same as previous term
  distinctUntilChanged(),

  // switch to new search observable each time the term changes
  switchMap((term: string) => {
    if (term === '') return Observable.of<Hero[]>([]);
    else return this.searchService.searchHeroes(term);
  }),
);

(so this.heroes$ would emit [] if this.searchTerms emits '')

answered Mar 21, 2018 at 6:09

John

10.2k7 gold badges51 silver badges80 bronze badges

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

Collectives™ on Stack Overflow

How to Empty an Angular Observable Array?

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related