如何在Angular中创建包含字符串数组的嵌套表单组件？

Question

我正在尝试创建一个嵌套的响应式表单组件，它存储一个字符串数组。

我能够使用键值对而不是字符串数组创建嵌套的表单组件。 plunker目前生成：

{ "emails": [ { "email": "abc@abc.com" }, { "email": "hello@abc.com" } ] }

但生成这个会很好：

{ "emails": [ "abc@abc.com", "hello@abc.com"] }

Plunker：https://plnkr.co/edit/D8nYpNb4h1nzinzJX0Dh?p=info

非常感谢任何帮助

Answer 1

使用map，您可以获得所需的格式

o = { "emails": [ { "email": "abc@abc.com" }, { "email": "hello@abc.com" } ] }
o.emails = o.emails.map(e => e.email)
console.log(JSON.stringify(o));