Угловая 2 сложная реактивная форма POST

Question

Я работаю над Angular 4.4 Приложение Запрос котировки, которое предоставляет несколько цитат получателю.

Моя Реактивная Форма, по сути, имеет такую ​​структуру:

QuoteRequest (FormGroup)

• Цитата (FormGroup)
• Цитата (FormGroup)
• Цитата (FormGroup)

Итак, одна основная FormGroup (QuoteRequest) с возможностью добавления нескольких вложенных FormGroups (Quotes).

this.quoteRequest = this.fb.group({
    id: 1,
    quotes: this.fb.array([])
});

Все работает нормально, но проблема у меня в том, что я борюсь с тем, как отправить данные на сервер. Каждая цитата рассчитывает много значений, которые нам нужно сохранить, но которые не являются частью Реактивной формы (итоги по разделам, итоги и т. Д.). Это частные поля во вложенных компонентах Цитаты.

Поэтому решение, которое я придумала (но не понравилось), состоит в том, чтобы добавить эти вычисленные значения в виде FormControls к каждой группе FormGroup и POST все, отправив this.quoteRequest.value в качестве полезной нагрузки. Это работает, но это только кажется неправильным и усложняет Реактивную Форму с полями, которые пользователь изменяет только косвенно, манипулируя другими FormControls.

Что было бы лучшим способом справиться с этим?