複雑な（ネストされた）JSONオブジェクトをAngular2のtypescriptで作成する方法

Question

REST APIエンドポイントでプット操作を呼び出すJSON形式のデータを受け取るコンポーネントの1つにプット操作があります。

私のJSONオブジェクトがシンプルな場合、JSONオブジェクトを作成してREST API呼び出し（PUT操作）に渡すことができます。以下の例

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

ここで、environmentDetailは、自分のメソッドに渡すテキストフィールドの値です。

さまざまなHTML要素からデータを取得することによって、複雑なJSONオブジェクトを作成するにはどうすればよいですか。

Answer 1

RESTApiに送信する必要があるすべての要素を含むクラスを作成し、オブジェクトにフォームデータを入力することができます。

その後

JSON.stringify(complexData); 

に電話をかけて、自分のRESTApiに送信します。

例plunker：http://plnkr.co/edit/ABETCjzy4Wb4aUOMXMtD?p=preview