How to observe objects in response JSON with no specyfic names in RXJS Angular 5

Question

Situation looks like this. I need to fill mat-table dynamically after receiving a response from API. In response JSON there are those anonymous json objects in json array "files".

"files": [
      {
        "title": "dummy",
        "link": "https://t1.mogree.com/backmeister_content/pdfs/presentation/31347009705473837693867181531764_a.pdf",
        "attachment": "dummy-atachment_name.pdf",
        "userTypes": [
          "ADM",
          "INT"
        ],
        "itemid": "31347009705473837693867181531764_a.pdf",
        "type": 17,
        "itemproviderid": 0,
        "detailtype": 0
      },
      {
        "title": "dummy",
        "link": "https://t1.mogree.com/backmeister_content/pdfs/presentation/46728595498675807527841664269653_a.pdf",
        "attachment": "dummy-atachment_name.pdf",
        "userTypes": [
          "ADM",
          "INT"
        ],
        "itemid": "46728595498675807527841664269653_a.pdf",
        "type": 17,
        "itemproviderid": 0,
        "detailtype": 0
      }

I dont know how to set observable on this imtems of this table. I just getting "files" item. I need to have access to those anonymous objects. For now my function with request looks like this:

ngOnInit() {
    this.apiService.getAttachments()
      .map(data => data['detailresponse'])
      .map(data => data['files'])
      .subscribe(files => {
          });
  }

I need access to fields: "title", "link", "itemId". Maybe i need second observable inside subscribe()??

You are getting files as an array, couldn't you just use it in your function? Also on what basis you need to filter the files? — Manzur Khan
– Manzur Khan, Commented Apr 3, 2018 at 13:58
@Explosion Pills 2 detailresponse is higher in hierarchy in this JSON — kamilp
– kamilp, Commented Apr 3, 2018 at 16:32

Luillyfe · Accepted Answer · 2018-04-04 05:31:49Z

0

Try this, and let me know if it works!

ngOnInit() {
    this.apiService.getAttachments()
      .map(data => data['detailresponse'])
      .map(data => data['files'])
      .subscribe(files => {
          files.forEach(file => {
              console.log(file.title, file.link, file. itemId);
          });
      });
}

answered Apr 4, 2018 at 5:31

Luillyfe

6,9828 gold badges39 silver badges51 bronze badges

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

1 Comment

kamilp Over a year ago

Works fine. Thanks!

NitinSingh · Accepted Answer · 2018-04-04 05:52:29Z

0

Assume your service returns a JSON object array. Within your subscription function, you need to iterate over it as a general array and then parse it.

this.api.getAttachments()
   .subscribe( data => {
            data.files.forEach(file => { 
                          console.log(file.title, file.link, file.itemId)

An easy way to identify the structure is to place a debugger in the subscribe call, and see the object hierarchy by expanding it in the dev console. Then you can base your parsing on that hierarchy.

answered Apr 4, 2018 at 5:52

NitinSingh

2,0781 gold badge21 silver badges36 bronze badges

Collectives™ on Stack Overflow

How to observe objects in response JSON with no specyfic names in RXJS Angular 5

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related