如何在Angular2的打字稿中创建复杂的（嵌套）JSON对象

Question

我的一个组件中有一个put操作，该操作以JSON格式获取数据以在REST API端点上调用put操作。

当我的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。

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