Question

要求：动态生成的表的内容可以保存为csv。
复杂性：该表包含4层嵌套表，所有这些表都是动态获取的，每个嵌套表都是一个新模板。
我的方法： - 在包含表的div上，我添加了一个ref元素并将其绑定到typescript变量; - 在模板的底部，我添加了一个图像按钮，该按钮调用其视图模型的方法。

该方法获取引用div的innerHTML并将其作为字符串传递给页面。
页面将传递的内容（HTML字符串）添加到div。
更改页面的内容配置，以便提示用户将其另存为Csv文件。
问题：如何将内容传递到另一个页面并将页面接收并将其放入div中。

<小时/> 即使我还没有完全写出来，我还是添加了一些代码片段/伪代码

<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内容。我需要帮助来执行以下操作：

如何将html内容（字符串）传递给不同的页面（可能传递给其视图模型的变量）。（在新窗口中打开新页面）
然后将其添加为新页面上div的内部HTML
必须在页面加载之前添加html内容，以便我们可以更改页面的内容处置以保存它..

Aurelia + Typescript：将一个html元素的内容传递给另一个要添加到div

0 个答案: