Как создать вложенный компонент формы, содержащий массив строк в 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));