Question

我有一个带有这样的模型的班级：

model = new questions(
                      1,                       // Id
                      '',                      // Name
                      '',                      // LastName
                      'undefined',             // Gender
                      'undefined',             // Filling Status
                      ...
)

我有一个向API发送GET请求的服务，响应如下：

{
"id": "5b6f",
"name": "John",
"lastName": "Doe",
"gender": "Male",
"fillingStatus": "Single",
 ...
}

如何使用此响应填充模型，我应该迭代到该对象吗？

感谢您的帮助！

Answer 1

Angular对此主题有很好的教程。

https://angular.io/guide/dynamic-form

这使用反应形式。

如果您不熟悉反应式表单，则可能需要先进行以下教程：

https://angular.io/guide/reactive-forms

https://angular.io/guide/form-validation

基本上，在动态表单教程中，向服务器发出HTTP请求以使用服务获取表单数据。

（本教程实际上在服务中使用硬编码数据，但是很容易将其交换为HTTP请求）

一旦检索到数据，它就会用于动态生成反应形式。

然后迭代问题以呈现视图并呈现适当的表单控件。视图挂接到反应形式。您将找不到更好的教程。

Answer 2

像这样使用散布运算符：

let json = {
"id": "5b6f",
"name": "John",
"lastName": "Doe",
"gender": "Male",
"fillingStatus": "Single",
}

const model = {...json}

console.log(model);

请记住，这是新语法，并非所有浏览器都支持此语法。因此，使用babel将此代码转换为ES5语法是很聪明的。

在Angular中用JSON数据填充模型

2 个答案: