angular 4 - как отображать массив json по вертикали - PullRequest
0 голосов
/ 16 ноября 2018

Из бэкэнда я получаю массив json, скажем, Notes (один json - одна нота), т.е.

 [
  {
    "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.Я могу отобразить одну заметку в одном ряду.

Имя, FundType, FirmName, topic1, topic2, topic3 ​​(строка заголовка)

ClearBridge Aggresive Growth Fund, MF, ABC, topic1, topic2, topic3 ​​..

JhanCockГлобальный абсолютный коэффициент, MF, BCD, topic1, topic2, topic3 ​​..

Но необходимо отображать изображение по вертикали

Имя - Фонд агрессивного роста ClearBridge, JhanCock Глобальный абсолютный показатель Ret

FundType - MF, MF

FirmName - ABC, BCD

topic1 - тема1, тема1

тема2 - тема2, тема2

тема3 - тема3,topic3 ​​

Данные - это массив Note, т.е. Note [] (в materialtable, this.dataSource.data = data as Notes [];) Я искал создание другого массива, скажем, NoteDisplay [].NotDisplay [] будет иметь данные по вертикали.Пожалуйста, руководство, если какой-либо другой подход может работать?

...