Angular2. Carte de la réponse http à béton instance de l'objet

Approche commune des processus de réponse http est comme ça:

return this._http.get(url)
           .map((res: Response) => res.json());

qui vous offre une Observable<Object[]> où Object est créé dynamiquement le type de json dé-sérialisation.
Ensuite, vous pouvez utiliser ce résultat dans *ngFor="let item of result | async" etc...

J'aimerais obtenir une instance de type (ce qui signifie en utilisant new opérateur pour appeler le type du constructeur).
Essayé différentes façons de parvenir à quelque chose comme ça:

.map((res: Response) => { let obj = res.json(); return new MyObject(obj.id, obj.name);})

mais obtenir cette erreur: Cannot find a differ supporting object '[object Object]' of type 'object'. NgFor only supports binding to Iterables such as Arrays.

De cette façon semble fonctionner mais c'est bien trop compliqué et probablement pas efficace:

.map((res: Response) => {
    let results = <MyObject[]>[];
    let obj = res.json();
    obj.forEach(
        function (o: any) {
            results.push(new MyObject(o.id, o.name));
        }
    );
    return results;
}

Merci!

Pouvez-vous essayer Observable<Array<Object>>?
stackoverflow.com/questions/22885995/...
*ngFor prend uniquement en charge les tableaux, les objets
Voir aussi stackoverflow.com/questions/35534959/...
J'ai besoin de trouver un temps à aller au moyen de ces postes. Je l'espère, il y a quelque chose de construit dans Observables trop y parvenir. J'ai mis à jour ma question, avec la manière qui semble fonctionner, mais je ne l'aime pas.

OriginalL'auteur rook | 2016-09-10

  1. 2

    Si vous savez quel type d'objets que vous le souhaitez à déconstruire du JSON (dont vous n'avez probablement), vous pouvez créer une méthode statique qui renvoie une instance de l'Objet.

    class MyClass {

  prop: number;

  static fromObject(src: Object) {
    var obj = new MyClass();
    obj.prop = src.prop;
    return obj;
  }
}

    Ensuite de les convertir au format JSON réponse à des instances de MyClass:

    Rx.Observable.of('[{"prop":1},{"prop":2},{"prop":3}]')
  .map(val => JSON.parse(val))
  .exhaustMap(val => new Rx.Observable.from(val))
  .map(val => MyClass.fromObject(val))
  .subscribe(
    item => console.log('Next: ', item),
    error => console.log('Error:', error),
    _ => console.log('Completed')
  );

    Comment cela fonctionne:

    1. .map(val => JSON.parse(val)) Juste convertit la réponse en JSON qui est un tableau d'objets.

    2. .exhaustMap(val => new Rx.Observable.from(val)) Convertit chaque valeur d'une Observable et exhaustMap aplatit entre eux de sorte que chaque objet à partir du JSON sera émis séparément.

    3. .map(val => MyClass.fromObject(val)) Utilisation map de nouveau à la conversion de chaque Objet à une instance de MyClass.

    Voir la démo en live: http://jsfiddle.net/f5k9zdh1/1/

    Intéressant. Encore trop de code à mon goût 😉 mais je vais prendre un regard plus profond. Merci.

    OriginalL'auteur martin

  2. 2
    .map((res: Response) => res.json().map(obj => new MyObject(obj.id, obj.name)))
    Code-seule réponse ne sont pas utiles. Veuillez essayer d'expliquer comment votre code résout OP problème. D'autres qui trouvent cette question par le biais de la recherche peut-être pas autant d'expérience que vous; les aider à comprendre votre réponse.

    OriginalL'auteur lps540

  3. 0

    Essayer cette syntaxe, vous le lancez à votre objet:

     this.http.post(this.constants.taskUrl + parm, { headers: headers })
            .map((response: Response) => {
                var res = response.json();
                var result = <DataResponseObject>response.json();
                return result;
            })
    Le problème ici est que response.json() vous donne un tableau d'objets. J'ai mis à jour ma question avec la manière qui semble fonctionner, mais je n'aime pas de cette façon.

    OriginalL'auteur John Baird