Copyright 1998 - 2026 DPG Media B.V. Thu, 23 Jul 2026 08:28:06 GMT Thu, 23 Jul 2026 08:28:06 GMT GoT - list_messages https://gathering.tweakers.net/ Gathering of Tweakers https://tweakers.net/g/if/logo.gif nl-nl https://gathering.tweakers.net/rss/list_messages/1794737 Angular2 HttpClient probleem - Softwareontwikkeling - GoT gathering@tweakers.net (Administrator) Joshuatree https://gathering.tweakers.net/forum/list_message/52360207#52360207 Bedankt voor de response. Voor mij is de materie redelijk nieuw dus ik leer steeds weer nieuwe dingen ontopic: Ook zonder een Subscribe wordt de tabel (eenmalig) gevuld. code:1 2 3 ngOnInit() { this.courses$ = this.demoDataService.getCourses(); } code:1 2 3 4 5 6 /** Courses via FireBase */ getCourses(): Observable<any[]> { return this.http .get("https://angular-http-guide.firebaseio.com/courses.json") .map(data => _.values(data)); } ps: voorlopig kan ik niet reageren.... redelijk nieuw dus ik leer steeds weer nieuwe dingen :)

ontopic:
Ook zonder een Subscribe wordt de tabel (eenmalig) gevuld.


code:
1
2
3

ngOnInit() {
    this.courses$ = this.demoDataService.getCourses();
}


code:
1
2
3
4
5
6

  /** Courses via FireBase */
  getCourses(): Observable<any[]> {
    return this.http
      .get("https://angular-http-guide.firebaseio.com/courses.json")
      .map(data => _.values(data));
  }


ps: voorlopig kan ik niet reageren....]]> Joshuatree https://gathering.tweakers.net/forum/list_message/52360207#52360207 Fri, 25 Aug 2017 12:52:36 GMT DixxyJS https://gathering.tweakers.net/forum/list_message/52359611#52359611 Maar dan moet je daar wel op subscriben. code:1 2 3 4 5 6 7 8 9 private courses; constructor(private courseService: CourseService){} getCourses(): void { this.courceService.getCourses.subscribe( data => this.courses = data, error => //handle error }
code:
1
2
3
4
5
6
7
8
9

private courses;

constructor(private courseService: CourseService){}

getCourses(): void {
  this.courceService.getCourses.subscribe(
    data => this.courses = data,
    error => //handle error
}
]]> DixxyJS https://gathering.tweakers.net/forum/list_message/52359611#52359611 Fri, 25 Aug 2017 12:11:30 GMT Joshuatree https://gathering.tweakers.net/forum/list_message/52354907#52354907 Ik heb mijn voorbeeld hiervandaan.. http://blog.angular-university.io/angular-http/ Ik heb alleen de httpclient in een service(injectable) gezet. zodat je dit hebt code:1 this.courses$ = this.demoServices.getcourses(); ipv code:1 2 3 4 this.courses$ = this.http .get<Course[]>("/courses.json") .map(data => _.values(data)) .do(console.log);
http://blog.angular-university.io/angular-http/

Ik heb alleen de httpclient in een service(injectable) gezet.

zodat je dit hebt
code:
1

 this.courses$ = this.demoServices.getcourses();


ipv
code:
1
2
3
4

 this.courses$ = this.http
            .get<Course[]>("/courses.json")
            .map(data => _.values(data))
            .do(console.log);
]]> Joshuatree https://gathering.tweakers.net/forum/list_message/52354907#52354907 Fri, 25 Aug 2017 07:04:40 GMT DixxyJS https://gathering.tweakers.net/forum/list_message/52347587#52347587 Joshuatree schreef op donderdag 24 augustus 2017 @ 09:59: TypeScript:1 2 3 4 5 6 7 8 9 10 11 12 13 14 import { HttpClient } from "@angular/common/http"; ... countries$: Observable<any>; ngOnInit() { this.courses$ = this.demoDataService.getCourses(); } /** DemoService */ getCourses(): Observable<any[]> { return this.http .get("https://angular-http-guide.firebaseio.com/courses.json") .map(data => _.values(data)); } In de view HTML:1 2 3 4 5 6 7 8 9 <p-dataTable [value]="courses$ | async" [rows]="10" [paginator]="true" [pageLinks]="3" [rowsPerPageOptions]="[5,10,20]"> <p-header>FireBase content</p-header> <p-column [filter]="true" field="description" header="Description"></p-column> <p-column field="longDescription" header="LongDescription"></p-column> </p-dataTable> Dan zorgt de async pipe ervoor dat er een resultaat is. Dit is toch "de" manier ??Waar inject je de service dan en waar subscribe je dat op de service methode? En waarom zou je een attribuut met die data in je service willen? Dat attribuut moet je in de klasse zetten waar je de view hebt gekoppeld.
Joshuatree schreef op donderdag 24 augustus 2017 @ 09:59:
TypeScript:
1
2
3
4
5
6
7
8
9
10
11
12
13
14

import { HttpClient } from "@angular/common/http";
...
countries$: Observable<any>;

ngOnInit() {
        this.courses$ = this.demoDataService.getCourses();
  }

/** DemoService */
  getCourses(): Observable<any[]> {
    return this.http
      .get("https://angular-http-guide.firebaseio.com/courses.json")
      .map(data => _.values(data));
  }


In de view
HTML:
1
2
3
4
5
6
7
8
9

<p-dataTable [value]="courses$ | async" 
  [rows]="10" 
  [paginator]="true" 
  [pageLinks]="3" 
  [rowsPerPageOptions]="[5,10,20]">
    <p-header>FireBase content</p-header>
    <p-column [filter]="true" field="description" header="Description"></p-column>
    <p-column field="longDescription" header="LongDescription"></p-column>
</p-dataTable>


Dan zorgt de async pipe ervoor dat er een resultaat is.


Dit is toch "de" manier ??
Waar inject je de service dan en waar subscribe je dat op de service methode?
En waarom zou je een attribuut met die data in je service willen?
Dat attribuut moet je in de klasse zetten waar je de view hebt gekoppeld.]]> DixxyJS https://gathering.tweakers.net/forum/list_message/52347587#52347587 Thu, 24 Aug 2017 13:27:24 GMT Joshuatree https://gathering.tweakers.net/forum/list_message/52342213#52342213 TypeScript:1 2 3 4 5 6 7 8 9 10 11 12 13 14 import { HttpClient } from "@angular/common/http"; ... countries$: Observable<any>; ngOnInit() { this.courses$ = this.demoDataService.getCourses(); } /** DemoService */ getCourses(): Observable<any[]> { return this.http .get("https://angular-http-guide.firebaseio.com/courses.json") .map(data => _.values(data)); } In de view HTML:1 2 3 4 5 6 7 8 9 <p-dataTable [value]="courses$ | async" [rows]="10" [paginator]="true" [pageLinks]="3" [rowsPerPageOptions]="[5,10,20]"> <p-header>FireBase content</p-header> <p-column [filter]="true" field="description" header="Description"></p-column> <p-column field="longDescription" header="LongDescription"></p-column> </p-dataTable> Dan zorgt de async pipe ervoor dat er een resultaat is. Dit is toch "de" manier ?? TypeScript:
1
2
3
4
5
6
7
8
9
10
11
12
13
14

import { HttpClient } from "@angular/common/http";
...
countries$: Observable<any>;

ngOnInit() {
        this.courses$ = this.demoDataService.getCourses();
  }

/** DemoService */
  getCourses(): Observable<any[]> {
    return this.http
      .get("https://angular-http-guide.firebaseio.com/courses.json")
      .map(data => _.values(data));
  }


In de view
HTML:
1
2
3
4
5
6
7
8
9

<p-dataTable [value]="courses$ | async" 
  [rows]="10" 
  [paginator]="true" 
  [pageLinks]="3" 
  [rowsPerPageOptions]="[5,10,20]">
    <p-header>FireBase content</p-header>
    <p-column [filter]="true" field="description" header="Description"></p-column>
    <p-column field="longDescription" header="LongDescription"></p-column>
</p-dataTable>


Dan zorgt de async pipe ervoor dat er een resultaat is.


Dit is toch "de" manier ??]]> Joshuatree https://gathering.tweakers.net/forum/list_message/52342213#52342213 Thu, 24 Aug 2017 07:59:02 GMT GrooV https://gathering.tweakers.net/forum/list_message/52322071#52322071 Joshuatree schreef op dinsdag 22 augustus 2017 @ 04:04: @DixxyJS tx voor je voorbeeld! Okay dan zou het als Observable toch zo gaan? Waar bij de _ lodash is. TypeScript:1 2 3 4 5 6 courses$:Observable<Course[]>; this.courses$ = this.http .get<Course[]>("/courses.json") .map(data => _.values(data)) .do(console.log);] en als de resultset volledig mapt krijg je toch dit? TypeScript:1 this.courses$ = this.http.get<Course[]>("/courses.json");]Nee zo wordt de Observable nooit aangeroepen, de http get is namelijk een cold observable en die gaan pas wat doen als er een subscriber is
Joshuatree schreef op dinsdag 22 augustus 2017 @ 04:04:
@DixxyJS tx voor je voorbeeld!

Okay dan zou het als Observable toch zo gaan?
Waar bij de _ lodash is.

TypeScript:
1
2
3
4
5
6

courses$:Observable<Course[]>;

 this.courses$ = this.http
            .get<Course[]>("/courses.json")
            .map(data => _.values(data))
            .do(console.log);
]

en als de resultset volledig mapt krijg je toch dit?

TypeScript:
1

 this.courses$ = this.http.get<Course[]>("/courses.json");
]
Nee zo wordt de Observable nooit aangeroepen, de http get is namelijk een cold observable en die gaan pas wat doen als er een subscriber is]]> GrooV https://gathering.tweakers.net/forum/list_message/52322071#52322071 Tue, 22 Aug 2017 12:23:41 GMT Joshuatree https://gathering.tweakers.net/forum/list_message/52316677#52316677 @DixxyJS tx voor je voorbeeld! Okay dan zou het als Observable toch zo gaan? Waar bij de _ lodash is. TypeScript:1 2 3 4 5 6 courses$:Observable<Course[]>; this.courses$ = this.http .get<Course[]>("/courses.json") .map(data => _.values(data)) .do(console.log);] en als de resultset volledig mapt krijg je toch dit? TypeScript:1 this.courses$ = this.http.get<Course[]>("/courses.json");]
Okay dan zou het als Observable toch zo gaan?
Waar bij de _ lodash is.

TypeScript:
1
2
3
4
5
6

courses$:Observable<Course[]>;

 this.courses$ = this.http
            .get<Course[]>("/courses.json")
            .map(data => _.values(data))
            .do(console.log);
]

en als de resultset volledig mapt krijg je toch dit?

TypeScript:
1

 this.courses$ = this.http.get<Course[]>("/courses.json");
]]]> Joshuatree https://gathering.tweakers.net/forum/list_message/52316677#52316677 Tue, 22 Aug 2017 02:04:57 GMT Hydra https://gathering.tweakers.net/forum/list_message/52312433#52312433 Joshuatree schreef op maandag 21 augustus 2017 @ 15:32: Maar elke hint is welkom en helaas met alleen de opmerking ranzig kom ik niet veel verder.Well ff al m'n replies lezen!Hydra schreef op dinsdag 15 augustus 2017 @ 15:08: Je doet het overigens nog steeds verkeerd. Wat je doet is erg ranzig. Angular heeft een prima tutorial over hoe je met Promises werkt. Om het asynchrone heen werken gaat op de lange termijn alleen maar problemen opleveren.Angular (en de meeste JS frameworks) werken met callbacks (/promises/observables, in essentie allemaal hetzelfde). Dat betekent dat jij een functie meegeeft die aangeroepen wordt als het resultaat beschikbaar is. Dit is omdat JavaScript in de browser in essentie een enkele thread is die events afhandelt. Een voorbeeld uit een applicatie van mij: get user call in een service: JavaScript:1 2 3 4 5 6 7 get(): Promise<User> { const url = `${this.baseUrl}/${this.userUrl}`; return this.http.get(url) .toPromise() .then(response => response as User) .catch(this.handleError); } het gebruik daarvan in een component: JavaScript:1 2 3 4 this.userService.get() .then(user => { this.user = user; }); Dit is het hoe. Het waarom staat goed uitgelegd in de officiele tutorial.
Joshuatree schreef op maandag 21 augustus 2017 @ 15:32:
Maar elke hint is welkom en helaas met alleen de opmerking ranzig kom ik niet veel verder.
Well ff al m'n replies lezen!
Hydra schreef op dinsdag 15 augustus 2017 @ 15:08:
Je doet het overigens nog steeds verkeerd. Wat je doet is erg ranzig. Angular heeft een prima tutorial over hoe je met Promises werkt. Om het asynchrone heen werken gaat op de lange termijn alleen maar problemen opleveren.
Angular (en de meeste JS frameworks) werken met callbacks (/promises/observables, in essentie allemaal hetzelfde). Dat betekent dat jij een functie meegeeft die aangeroepen wordt als het resultaat beschikbaar is. Dit is omdat JavaScript in de browser in essentie een enkele thread is die events afhandelt. Een voorbeeld uit een applicatie van mij:

get user call in een service:

JavaScript:
1
2
3
4
5
6
7

  get(): Promise<User> {
    const url = `${this.baseUrl}/${this.userUrl}`;
    return this.http.get(url)
      .toPromise()
      .then(response => response as User)
      .catch(this.handleError);
  }


het gebruik daarvan in een component:

JavaScript:
1
2
3
4

    this.userService.get()
        .then(user => {
          this.user = user;
        });


Dit is het hoe. Het waarom staat goed uitgelegd in de officiele tutorial.]]> Hydra https://gathering.tweakers.net/forum/list_message/52312433#52312433 Mon, 21 Aug 2017 14:49:27 GMT Joshuatree https://gathering.tweakers.net/forum/list_message/52311395#52311395 Met ranzig bedoel je de query die je gebruikt om in je json de juiste gegevens te halen? Maar ik zou niet weten hoe je met een eenvoudig model zoiets als onderstaand kunt genereren. Ik denk dat ik wel een interface kan schrijven en dan een mapping naar een Country[] Maar elke hint is welkom en helaas met alleen de opmerking ranzig kom ik niet veel verder. Wel bedankt voor je uitleg daar heb ik wat meer aan :-) TypeScript:1 this.countries$ = this.http.get<Country[]>(`http://services.groupkt.com/country/get/all`)
Maar ik zou niet weten hoe je met een eenvoudig model zoiets als onderstaand kunt genereren.
Ik denk dat ik wel een interface kan schrijven en dan een mapping naar een Country[]

Maar elke hint is welkom en helaas met alleen de opmerking ranzig kom ik niet veel verder.
Wel bedankt voor je uitleg daar heb ik wat meer aan :-)

TypeScript:
1

this.countries$ = this.http.get<Country[]>(`http://services.groupkt.com/country/get/all`)
]]> Joshuatree https://gathering.tweakers.net/forum/list_message/52311395#52311395 Mon, 21 Aug 2017 13:32:08 GMT Hydra https://gathering.tweakers.net/forum/list_message/52254287#52254287 q-enf0rcer.1 schreef op dinsdag 15 augustus 2017 @ 23:45: Neemt niet weg dat je opmerking bot was terwijl dat je zelf kennelijk weinig kaas van de materie hebt gegeten.Klopt, ik ben zelf kwa Angular 4 net in de fase dat ik de tutorials doorwerk en ik had even de shift naar observables (waar je dan topromise op aanroept) over het hoofd gezien. "Weinig kaas" vind ik dan nogal overdreven; de essentie blijft: hij zit met de hand uit dat observable object het result te peuteren. Dat hoort niet. En daarnaast: mijn opmerking over dat mensen code tags dienen te gebruiken staat hier in de regels. Als jij het 'bot' vindt dat ik mensen daarop wijs, tja. Dan is dat maar bot.
q-enf0rcer.1 schreef op dinsdag 15 augustus 2017 @ 23:45:
Neemt niet weg dat je opmerking bot was terwijl dat je zelf kennelijk weinig kaas van de materie hebt gegeten.
Klopt, ik ben zelf kwa Angular 4 net in de fase dat ik de tutorials doorwerk en ik had even de shift naar observables (waar je dan topromise op aanroept) over het hoofd gezien. "Weinig kaas" vind ik dan nogal overdreven; de essentie blijft: hij zit met de hand uit dat observable object het result te peuteren. Dat hoort niet.

En daarnaast: mijn opmerking over dat mensen code tags dienen te gebruiken staat hier in de regels. Als jij het 'bot' vindt dat ik mensen daarop wijs, tja. Dan is dat maar bot.]]> Hydra https://gathering.tweakers.net/forum/list_message/52254287#52254287 Wed, 16 Aug 2017 07:30:26 GMT q-enf0rcer.1 https://gathering.tweakers.net/forum/list_message/52252335#52252335 Hydra schreef op dinsdag 15 augustus 2017 @ 16:03: [...] Ik regeerde op de TS.Neemt niet weg dat je opmerking bot was terwijl dat je zelf kennelijk weinig kaas van de materie hebt gegeten. Want er is nergens in dit topic een promise te bekennen, en daarnaast is dat ook een vrij onlogische keuze om aan te raden aangezien angular out of the box goede ondersteuning heeft voor Observables. De http service is hier uiteraard een voorbeeld van.
Hydra schreef op dinsdag 15 augustus 2017 @ 16:03:
[...]


Ik regeerde op de TS.
Neemt niet weg dat je opmerking bot was terwijl dat je zelf kennelijk weinig kaas van de materie hebt gegeten. Want er is nergens in dit topic een promise te bekennen, en daarnaast is dat ook een vrij onlogische keuze om aan te raden aangezien angular out of the box goede ondersteuning heeft voor Observables. De http service is hier uiteraard een voorbeeld van.]]> q-enf0rcer.1 https://gathering.tweakers.net/forum/list_message/52252335#52252335 Tue, 15 Aug 2017 21:45:02 GMT DixxyJS https://gathering.tweakers.net/forum/list_message/52247979#52247979 Hydra schreef op dinsdag 15 augustus 2017 @ 16:03: [...] Ik regeerde op de TS.Ik zat nog even te twijfelen
Hydra schreef op dinsdag 15 augustus 2017 @ 16:03:
[...]


Ik regeerde op de TS.
Ik zat nog even te twijfelen :)]]> DixxyJS https://gathering.tweakers.net/forum/list_message/52247979#52247979 Tue, 15 Aug 2017 14:24:50 GMT Hydra https://gathering.tweakers.net/forum/list_message/52247707#52247707 q-enf0rcer.1 schreef op dinsdag 15 augustus 2017 @ 15:58: Voorbeeld van Dixie is gewoon goed hoorIk regeerde op de TS.
q-enf0rcer.1 schreef op dinsdag 15 augustus 2017 @ 15:58:

Voorbeeld van Dixie is gewoon goed hoor
Ik regeerde op de TS.]]> Hydra https://gathering.tweakers.net/forum/list_message/52247707#52247707 Tue, 15 Aug 2017 14:03:01 GMT q-enf0rcer.1 https://gathering.tweakers.net/forum/list_message/52247635#52247635 Hydra schreef op dinsdag 15 augustus 2017 @ 15:08: We hebben [code] tags he; geldt voor jullie beiden. Je doet het overigens nog steeds verkeerd. Wat je doet is erg ranzig. Angular heeft een prima tutorial over hoe je met Promises werkt. Om het asynchrone heen werken gaat op de lange termijn alleen maar problemen opleveren.Voorbeeld van Dixie is gewoon goed hoor, dit is een Observable, geen Promise Er bestaat wel een mogelijkheid om een Observable om te zetten naar een Promise middels toPromise().
Hydra schreef op dinsdag 15 augustus 2017 @ 15:08:
We hebben [code] tags he; geldt voor jullie beiden.

Je doet het overigens nog steeds verkeerd. Wat je doet is erg ranzig. Angular heeft een prima tutorial over hoe je met Promises werkt. Om het asynchrone heen werken gaat op de lange termijn alleen maar problemen opleveren.
Voorbeeld van Dixie is gewoon goed hoor, dit is een Observable, geen Promise :) Er bestaat wel een mogelijkheid om een Observable om te zetten naar een Promise middels toPromise().]]> q-enf0rcer.1 https://gathering.tweakers.net/forum/list_message/52247635#52247635 Tue, 15 Aug 2017 13:58:34 GMT Hydra https://gathering.tweakers.net/forum/list_message/52246841#52246841 We hebben [code] tags he; geldt voor jullie beiden. Je doet het overigens nog steeds verkeerd. Wat je doet is erg ranzig. Angular heeft een prima tutorial over hoe je met Promises werkt. Om het asynchrone heen werken gaat op de lange termijn alleen maar problemen opleveren.
Je doet het overigens nog steeds verkeerd. Wat je doet is erg ranzig. Angular heeft een prima tutorial over hoe je met Promises werkt. Om het asynchrone heen werken gaat op de lange termijn alleen maar problemen opleveren.]]> Hydra https://gathering.tweakers.net/forum/list_message/52246841#52246841 Tue, 15 Aug 2017 13:08:56 GMT DixxyJS https://gathering.tweakers.net/forum/list_message/52246787#52246787 code:1 2 3 4 5 6 7 8 9 10 11 import {Http} from "../../../node_modules/@angular/http/src/http"; import 'rxjs/add/operator/map'; //aanroepen in de klasse waar je de data wilt hebben this.getData().subscribe(data => console.log(data.RestResponse.result)); getData() { return this.http.get("http://services.groupkt.com/country/get/all") .map(response => response.json()) .catch(blabla...); } Werkt wel Goed is om een service aan te maken en daar deze methode in te zetten die de http.get returnt. Waar je de data aanroept moet je wel subscriben om de stream te openen. Op angular.io staat zeeeer uitgebreide documentatie, wellicht is het verstandig om de tutorials eens te volgen, die zijn meteen praktisch toe te passen. code:
1
2
3
4
5
6
7
8
9
10
11

import {Http} from "../../../node_modules/@angular/http/src/http";
import 'rxjs/add/operator/map';

//aanroepen in de klasse waar je de data wilt hebben
this.getData().subscribe(data => console.log(data.RestResponse.result));

getData() {
    return this.http.get("http://services.groupkt.com/country/get/all")
    .map(response => response.json())
    .catch(blabla...);
}


Werkt wel
Goed is om een service aan te maken en daar deze methode in te zetten die de http.get returnt.
Waar je de data aanroept moet je wel subscriben om de stream te openen.
Op angular.io staat zeeeer uitgebreide documentatie, wellicht is het verstandig om de tutorials eens te volgen, die zijn meteen praktisch toe te passen.]]> DixxyJS https://gathering.tweakers.net/forum/list_message/52246787#52246787 Tue, 15 Aug 2017 13:05:36 GMT Joshuatree https://gathering.tweakers.net/forum/list_message/52245811#52245811 Hoe kan ik van een json response alleen de objecten destilleren die ik wil hebben. Op moment zit ik heel erg te Bijvoorbeeld ik wil alleen de landen hebben. De service : http://services.groupkt.com/country/get/all Returned: { "RestResponse" : { "messages" : [ "More webservices are available at http://www.groupkt.com/post/f2129b88/services.htm", "Total [249] records found." ], "result" : [ { "name" : "Afghanistan", "alpha2_code" : "AF", "alpha3_code" : "AFG" }, { "name" : "Åland Islands", "alpha2_code" : "AX", "alpha3_code" : "ALA" }, { ... Mijn code: public countries$: Observable<any[]>; ngOnInit() { this.countries$ = this.http.get<any[]>(`http://services.groupkt.com/country/get/all`) .map(data => _.values(data["RestResponse"])) .do(console.log); } Zo heb ik al heel wat dingen geprobeerd maar niet het juiste gevonden. Ik weet dat de omschrijving wat kort is maar ik ben bang dat het antwoord heel simpel is. Mocht dit niet zo zijn dan zal ik de omschrijving uitbreiden. Opgelost: this.countries$ = this.http .get("http://services.groupkt.com/country/get/all") .map((response: HttpResponse<any>) => _.values(response["RestResponse"]["result"])); Op moment zit ik heel erg te :'(

Bijvoorbeeld ik wil alleen de landen hebben.

De service : http://services.groupkt.com/country/get/all
Returned:
{
"RestResponse" : {
"messages" : [ "More webservices are available at http://www.groupkt.com/post/f2129b88/services.htm", "Total [249] records found." ],
"result" : [ {
"name" : "Afghanistan",
"alpha2_code" : "AF",
"alpha3_code" : "AFG"
}, {
"name" : "Åland Islands",
"alpha2_code" : "AX",
"alpha3_code" : "ALA"
}, {

...
Mijn code:

public countries$: Observable<any[]>;

ngOnInit() {

this.countries$ = this.http.get<any[]>(`http://services.groupkt.com/country/get/all`)
.map(data => _.values(data["RestResponse"]))
.do(console.log);

}

Zo heb ik al heel wat dingen geprobeerd maar niet het juiste gevonden.
Ik weet dat de omschrijving wat kort is maar ik ben bang dat het antwoord heel simpel is.

Mocht dit niet zo zijn dan zal ik de omschrijving uitbreiden.

Opgelost: :)
this.countries$ = this.http
.get("http://services.groupkt.com/country/get/all")
.map((response: HttpResponse<any>) =>
_.values(response["RestResponse"]["result"]));]]> Joshuatree https://gathering.tweakers.net/forum/list_message/52245811#52245811 Tue, 15 Aug 2017 11:59:17 GMT