Erstellen eines komplexen (verschachtelten) JSON-Objekts in Typoskript in Angular2

Question

Ich habe eine Put-Operation in einer meiner Komponenten, die Daten im JSON-Format verwendet, um die put-Operation auf einem REST-API-Endpunkt aufzurufen.

Wenn mein JSON-Objekt einfach ist, kann ich problemlos ein JSON-Objekt erstellen, das an meinen REST-API-Aufruf (PUT-Operation) übergeben wird. Beispiel unter

const data = { 
      environmentName: environmentDetail 
     }; 
     this._environmentStatService.saveEnvironmentDetails(data).subscribe(data => this.environmentDetails = data); 

Dabei ist environmentDetail der Wert eines der Textfelder, die ich an meine Methode übergebe.

Wie kann ich ein komplexes JSON-Objekt erstellen, indem ich Daten aus meinen verschiedenen HTML-Elementen erhalte?

Answer 1

Sie können eine Klasse mit allen Elementen erstellen, die Sie an Ihre RESTApi senden müssen, und ein Objekt mit Ihren Formulardaten füllen.

nennen Dann

JSON.stringify(complexData); 

und an Ihren RESTApi senden.

Beispiel Plunker: http://plnkr.co/edit/ABETCjzy4Wb4aUOMXMtD?p=preview