angular 4-如何以垂直方式显示json数组

Question

从后端我得到了说Notes的json数组（一个json是一个Note），即

 [
  {
    "StrategyName": "ClearBridge Aggresive Growth fund",
    "ProductType": "MF",
    "FirmName": "ABC",
    "Complement": "",
    "TakeOver": "",
    "PlatformFirm": "",
    "PlatformName": "",
    "topics": [
      {
        "title": "Strategy/Objective",
        "text": "System to allow Owner modify product notes and save as a new note."
      },
      {
        "title": "People",
        "text": "This allows Owner to quickly create a note for different vehicle types by cloning the existing, This allows Owner to quickly create a note for different vehicle types by cloning the existing, This allows Owner to quickly create a note for different vehicle types by cloning the existing"
      },
      {
        "title": "Philosophy/Process",
        "text": "Process content"
      },
      {
        "title": "Roles",
        "text": "Currently has 40% foreign exposure"
      },
      {
        "title": "Positioning",
        "text": " test Positioning content "
      },
      {
        "title": "Composition",
        "text": " test Composition content "
      },
      {
        "title": "Performance",
        "text": " test Performance content "
      },
      {
        "title": "Current Allocation",
        "text": "Current Allocation "
      },
      {
        "title": "Miscellaneous",
        "text": "Miscellaneous Content "
      }
    ]
  },
  {
    "StrategyName": "JhanCock Global absolute Ret",
    "ProductType": "MF",
    "FirmName": "BCD",
    "Complement": "",
    "TakeOver": "",
    "PlatformFirm": "",
    "PlatformName": "",
    "topics": [
      {
        "title": "Strategy/Objective",
        "text": "test strategy"
      },
      {
        "title": "People",
        "text": "test people"
      },
      {
        "title": "Philosophy/Process",
        "text": "Process content"
      },
      {
        "title": "Roles",
        "text": "Currently has 30% foreign exposure"
      },
      {
        "title": "Positioning",
        "text": " test Positioning content 2 "
      },
      {
        "title": "Composition",
        "text": " test Composition content 2 "
      },
      {
        "title": "Performance",
        "text": " test Performance content 2 "
      },
      {
        "title": "Current Allocation",
        "text": "Current Allocation 2 "
      },
      {
        "title": "Miscellaneous",
        "text": "Miscellaneous Content 2 "
      }
    ]
  }
]

在角度我正在使用MaterialTable。我可以在一行中显示一个便笺。

名称，基金类型，公司名称，主题1，主题2，主题3（标题行）

ClearBridge积极增长基金MF，ABC，topic1，topic2，topic3 ..

JhanCock全局绝对Ret，MF，BCD，topic1，topic2，topic3 ..

但是要求以垂直方式显示

名称-ClearBridge Aggresive Growth基金，JhanCock Global绝对Ret

FundType-MF，MF

公司名称-ABC，BCD

topic1-topic1，topic1

topic2-topic2，topic2

topic3-topic3，topic3

数据是Note的数组，即Note []（在materialtable中，this.dataSource.data = data为Notes [];） 我正在寻找创建另一个说NoteDisplay []的数组。 NotDisplay []将以垂直方式获取数据。 请指导其他方法是否可行？