Angular 2 subscribe to an attribute of an observable array

Question

I'm trying to get one attribute from one object in an observable array of objects. I can get everything except isolating the one object and getting the individual properties.

Here's the service method that's successfully getting the array:

getItems(): Observable<IItem[]> {
    return this.get(this.baseUrl + '/items')
      .map((res: Response) => <IItem[]>res.json())
      .do(data => console.log("Items: " + JSON.stringify(data)))
      .catch(this.handleError);
  }

Trying to get just one object isn't working:

 getItem(name: String): Observable<IItem> {
    return this.getItems()
      .map((items: IItem[]) => items.find(item => item.name === name))
      .do(item => console.log("Item: " + item)) 
      .catch(this.handleError);
  }

Component

this._itemsApi.getItem("test")
      .subscribe(
        item => this.testItem = item,
        error => this.errorMessage = <any>error);

Template

 <widget icon="file" [count]="testItem?.value">

JSON

["name: test, value: 1","name: test2, value: 0"]

this is not array of objects bur array with two strings ["name: test, value: 1","name: test2, value: 0"].array of objects will be [{"name": "test", "value": 1"},{"name": "test2", "value": 0"}] — Julia Passynkova
– Julia Passynkova, Commented Apr 19, 2017 at 1:12

isuruAb · Accepted Answer · 2017-04-19 03:32:38Z

2

Try this. LinQ for TypeScript. this will help you to find one from the array of objects. https://github.com/kutyel/linq.ts

Follow it's documentation it has everything you need to do.

answered Apr 19, 2017 at 3:32

isuruAb

2,2405 gold badges28 silver badges39 bronze badges

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

Comments

Sumit Dhameja · Accepted Answer · 2017-04-19 01:35:20Z

1

You have an array of strings, and not array of Objects. Reformat you API to return back array of objects -> [{"key": "value1"},{"key": "value2"}]. Then you can iterate over these objects and use item.value to get the value of a given item.

answered Apr 19, 2017 at 1:35

Sumit Dhameja

1412 silver badges9 bronze badges

Collectives™ on Stack Overflow

Angular 2 subscribe to an attribute of an observable array

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related