Расширьте существующую FormBuilder.group после инициализации напрямую, вместо добавления FormControl один за другим

Question

Я использую реактивный от в Angular 7. Я создаю дочерний компонент для редактирования профиля пользователя. У меня есть несколько ролей мудрых пользовательских страниц. На всех этих страницах поля профиля пользователя являются общими. Итак, я создал компонент профиля пользователя, в котором у меня есть входной параметр FormGroup:

constructor(private fb: FormBuilder) {
    this.myForm = this.fb.group({
      test: ['', Validators.required]
    });
}

<user-profile [formGroup]="myForm" [submitted]="submitted"></user-profile>

Теперь я хочу расширить ввод FromGroup, чтобы добавить поля профиля пользователя. Например, я хотел бы расширить / добавить входную / входную форму FormGroup, как показано ниже, из моего дочернего компонента:

.group({
  username: ["", Validators.required],
  email:["", Validators.required],
});

Кто-нибудь может подсказать мне, как я могу это сделать?

У меня более 20 полей в моем дочернем компоненте. Поэтому я не хочу добавлять FormControl один за другим. Есть ли способ расширить JSON, как показано ниже в существующей группе форм

{
      username: ["", Validators.required],
      email:["", Validators.required],
}