Response from server to array / parse response?

Question

JavaScript

There is a response from the server like

Answer

..."content":{
"rendered":
"<h2>Вопрос1</h2><p>Ответ1</p>
<h2>Вопрос2</h2><p>Ответ2</p>
<h2>Вопрос3</h2><p>Ответ4</p>"
}...

And there is such a "construction" from PrimeNg

Accordion

<p-accordion>
    <p-accordionTab header="{header}">
       {content}
    </p-accordionTab>
   </p-accordion>

How to implement correctly, so that "Questions" would be inserted into the {header} place, and answers instead of {content}???

Reflections

Возможно нужно как то распарсить ответ и создать 2 массива типа:

headers = [вопрос1,вопрос2,вопрос3];
contents = [ответ1,ответ2,ответ3];

Только как их отсортировать? =\
А потом как его все по очереди менять, т.к. с помощью *ngFor - с {content} все понятно, а вот как поменяь значение header="{header}"?

Thank you for your attention!!!

Answer 1

You need to parse into a multidimensional array:

array = [ 
      {
        'header':'header1',
        'contents':'contents1'
      },
      {
        'header':'header2',
        'contents':'contents2'
      },
    ....
];

And to access variables in html like this: {{item.header}} and {{item. contents}}
You can parse using regular expressions: https://javascript.ru/string/match