Angular2创建类似filetree的结构

Question

我试图在Angular2中创建类似filetree的结构。基本上我有这样的递归结构，最多4个级别：

Folder -Folder(empty)
       -File
       -File
       -Folder 
          -File
          -File 
          -Folder 

我需要将其显示为标准表，其中每个文件或文件夹都表示为表格行。到目前为止，我已经尝试了递归模板，但它生成了嵌套的div / tr，这对于样式来说真的很糟糕。你有什么建议吗？有没有办法从这个＆＃34;标准生成＃34;表格：

<tr>
  <td>Folder</td>
</tr>
<tr>
  <td>Folder</td>
</tr>
<tr>
  <td>File</td>
</tr>

最后是一个用CSS制作类似filetree的外观的计划。