Get data from config.json in Angular 2

Question

I want to load all url from a config file. I've created json file named 'config.json", ConfigurationService.ts to get the URL by key. But I cannot get the URL by key.

config.json:

{
"loginUrl": "http:example/login",
"verifyUrl": "http:example/verify"
}

ConfigurationService.ts:

import {Injectable} from '@angular/core';
import {Http, Response} from '@angular/http';
import {Headers, RequestOptions} from '@angular/http';
import {Observable} from 'rxjs/Observable';

@Injectable()
export class ConfigurationService {
constructor(private http:Http) {}

private result: Object;

getConfiguration(key) {
    return this.http.get('./app/config/config.json').map(res => {
        res.json();
        this.result = res._body;
        return this.result[key]; //returns 'undefined', but when I return only 'this.result'  it shows me all json data {...}
    });
}
}

part of auth_service.ts:

private x =this.configurationService.getConfiguration("verifyUrl").subscribe((result) => console.log(result));

How do I receive only the loginUrl for example?

Maximilian Riegler · Accepted Answer · 2016-06-20 14:40:10Z

5

I think what you're looking for is this:

getConfiguration(key) {
    return this.http.get('./app/config/config.json').map(res => {
        this.result = res.json();
        return this.result[key];
    });
}

answered Jun 20, 2016 at 14:40

Maximilian Riegler

23.6k4 gold badges65 silver badges73 bronze badges

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

Collectives™ on Stack Overflow

Get data from config.json in Angular 2

1 Answer 1

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Linked

Related