我通过一个API获取数据，它的结构如下：

"key1" : {
            "subkey1" : value
            "subkey2" : value
            "subkey3" : value
         }
"key2" : {
            "subkey1" : value
            "subkey2" : value
            "subkey3" : value
            "subkey4" : value
            "subkey5" : value
         }
"key3" : {
          "subkey1" : value
          "subkey2" : value
          "subkey3" : value
          "subkey4" : value
         }

对于一个特定的组件，我需要为每个“键”做一个扩展面板，在这个面板里面有一个曾经打开过的表格，格式如下（没有标题）：

(accordion) key 1

如果我打开扩展面板，它将显示第一个表，其中包含“包含在key1中”的数据

subkey 1 | value
   subkey 2 | value
   subkey 3 | value

 (another accordion) key2

   subkey 1 | value
   subkey 2 | value
   subkey 3 | value
   subkey 4 | value
   subkey 5 | value

我需要知道如何以正确的方式将数据保存在.ts文件中的变量中（API已经完成），以及如何将所有内容格式化为HTML。