Aurelia + Typescript: передача содержимого одного html-элемента на другую страницу для добавления в div

Question

Требование: содержимое динамически генерируемой таблицы для возможности сохранения в формате csv.
Сложность: Таблица содержит 4 слоя вложенных таблиц, все из которых извлекаются динамически, и каждая вложенная таблица представляет собой новый шаблон.
Мой подход: - В элементе div, который содержитТаблицы Я добавил элемент ref и связал его с переменной машинописного текста;- В нижней части шаблона я добавил кнопку с изображением, которая вызывает метод его модели представления.

• Метод получает innerHTML ссылочного div и передает его на страницу в виде строки.
• Страница добавляет переданное содержимое (строка HTML) в div.
• Расположение содержимого страницы изменяется, поэтому пользователю предлагается сохранить его в виде файла Csv.
  Проблема: Как передать содержимое на другую страницу, получает ли страница и помещает ли его в раздел ..

---

Даже если у меня нетпока написал полностью, я добавляю небольшой фрагмент кода / псевдокод

---

<abcd.html>

<div id="tableContainer">
<table border="1" id="outerMostTable">
  <tr>
     <td>row 1, cell 1</td>
     <td>
             <!-- Inner table rendered thru a different template-->
            <table border="1" id="InnerTableLevel1">
             <tr>
                <td>row 1, cell 1</td>
                <td>row 1, cell 2</td>
             </tr>
             <tr>
                <td>row 2, cell 1</td>
                <td>
                      <!-- Inner table rendered thru a different template-->
                      <table border="1" id="InnerTableLevel2">
                         <tr>
                            <td>row 1, cell 1</td>
                            <td>row 1, cell 2</td>
                         </tr>
                         <tr>
                            <td>row 2, cell 1</td>
                            <td>row 2, cell 2</td>
                         </tr>
                      </table>
               </td>
             </tr>
        </table>

</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
</table></div>
    <button onclick="geberateCsv(tableContainer)">Save to CSV</button>

---

---

Модель просмотра: abcd.ts

tableContainer: HtmlElement;

GenerateCsv(control)
{
   var tableText = control.innerHtml;
   console.log(tableText);
}

---

Div и его HTML-содержимое передаются и извлекаются правильно.Мне нужна помощь, чтобы сделать следующее:

1. как передать html-контент (строку) на другую страницу (возможно, в переменную ее модели представления).(Откройте новую страницу в новом окне)

2. , затем добавьте ее как внутренний HTML-код div на новой странице

3. HTML-содержимое должно бытьдобавлено перед загрузкой страницы, чтобы мы могли изменить расположение контента для страницы, чтобы сохранить ее ..