JSON Data with RxJS Observables: Filter not working

Question

First of all: Plunkr Example is here <-- NOW: WORKING EXAMPLE (edited)

This is the data:

[
  {
    "label": "One",
    "value": 1
  }, 
  {
    "label": "Two",
    "value": 2
  }, 
  {
    "label": "Three",
    "value": 3
  }
]

This is the filter:

  http.get('./data.json')
  .map(data => data.json())
  .filter ( 
    (x,index) => return x[index].value === 2
  )
  .subscribe(data => this.d = data);

I would like to get as result:

{
  "label": "Two",
  "value": 2
}

Maybe I've a blackout, where is the mistake?

try a console log in filter just to check if thats what you're really receiving — Filip Lauc
– Filip Lauc, Commented Aug 30, 2016 at 14:36

Oleksandr T. · Accepted Answer · 2016-08-30 15:06:49Z

1

In this case you can use .concatMap

http.get('./data.json')
  .map(res => res.json())
  .concatMap(res => res)
  .filter(x => x.value === 2)
  .subscribe(data => {
    this.d = data;
  });

Example

edited Aug 30, 2016 at 15:06

answered Aug 30, 2016 at 14:54

Oleksandr T.

77.6k17 gold badges177 silver badges145 bronze badges

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

Collectives™ on Stack Overflow

JSON Data with RxJS Observables: Filter not working

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related