Как создать структуру XML с элементом Dynami c в Angular6 +

Question

Может ли кто-нибудь дать мне какое-то решение или ссылку для динамического создания структуры ниже XML, на самом деле я хочу подготовить полезную нагрузку для запроса soap. Некоторые элементы полезной нагрузки могут быть повторены, они основаны на вводе пользователя в интерфейсе По этой причине я хочу создать динамический c, иначе я мог бы подготовить эту полезную нагрузку в строковой форме.

Я хочу сделать это в приложении Angular (версия Angular6 +) просто искал во многих местах, но не смог нашел правильное решение для достижения своей цели.

Полезная нагрузка должна выглядеть так.

<soapenv:Envelope xmlns:soapenv="http://schemas.xmlsoap.org/soap/envelope/">
<soapenv:Body>
    <n1:OfferRequest xmlns:n1="http://www.getronics.com/jbs/acs">
        <PP>
            <contact></contact> <!-- iterate based on user input -->
            <contact></contact>
            <contact></contact>
            <name></name>
        </PP> 
        <QA>
            <sm_operation></sm_operation>
        </QA>  
    </n1:OfferRequest>
</soapenv:Body>