Creating resources in Angular

Question

I am trying to create several resources with a single function.

Right now I have this function:

getResource(id) {
let url = this.databaseURL + 'rest/resource/' + id;
return this.http.get(url)
  .map(res => res);
}

and then in the class I start the resources:

resource1 = [];
resource2 = [];

and in the constructor I make the calls:

this.getResource('resource1')
      .subscribe(data => {
        this.resource1 = data;
          }
        }
      });

this.getResource('resource2')
      .subscribe(data => {
        this.resource2 = data;
          }
        }
      });

As you can see it is repeating code (and I have to call a lot of resources.) I do not know if you could do something like create the function

this.getResources(arrayResources)
  .subscribe(data => {
    this.resource1 = data;
      }
    }
  });

and in the constructor

arrayResources = ['resource1', 'resource2']

this.getResources(arrayResources)

But as you have to subscribe to that getResources and also the resources are not defined in the class I'm losing a bit and I do not know how I could do it ... do you think of one?

Kamil Kiełczewski · Accepted Answer · 2018-05-08 13:59:32Z

1

May be something like this (i make code from head):

this.arrayResources = new Array(10);

for(i=0; i<this.arrayResources.length; i++)
{
    this.getResource('resource'+i)
      .subscribe(data => {
        this.arrayResources[i] = data;
          }
        }
      });
}

I not use separate array for resources names however it is easy to introduce and put into for loop.

answered May 8, 2018 at 13:59

Kamil Kiełczewski

93.7k34 gold badges401 silver badges375 bronze badges

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

Collectives™ on Stack Overflow

Creating resources in Angular

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