Динамическое обновление формы из API в угловых

Question

Согласно примеру с angular: https://stackblitz.com/angular/gjvedpobemlq, Я создал динамическую форму. После сохранения данных я бы хотел обновить форму сохраненными данными из API.

Например, выбранные параметры из API будут отображаться в форме, выбранные переключатели будут отображаться из вызова API. Как мне этого добиться. Пример содержит только создание формы.

У меня есть данные из API в этой форме:

{profile: { family_name:'xyz', gender: 'male'}}

Но форма создается с использованием этого формата:

let questions: QuestionBase<any>[] = [

      new DropdownQuestion({
        key: 'brave',
        label: 'Bravery Rating',
        options: [
          {key: 'solid',  value: 'Solid'},
          {key: 'great',  value: 'Great'},
          {key: 'good',   value: 'Good'},
          {key: 'unproven', value: 'Unproven'}
        ],
        order: 3
      }),

      new TextboxQuestion({
        key: 'firstName',
        label: 'First name',
        value: 'Bombasto',
        required: true,
        order: 1
      }),

      new TextboxQuestion({
        key: 'emailAddress',
        label: 'Email',
        type: 'email',
        order: 2
      })
    ];