массив 4 угловых печати с объектом json - PullRequest
Новая
       6

массив 4 угловых печати с объектом json

0 голосов
/ 07 мая 2018

У меня есть этот массив из моего .ts файла, который нужно напечатать в моем .html: 

myArray: ["03/05/2018", "2:54", "xoxo", "briefing", "your", [{
    "Id": "1",
    "Time": "20:54",
    "Topic": "mmmmm",
    "GUEST1": {
      "Role": "HS",
      "Infos": "Alaska"
    },
    "GUEST2": {
      "Role": "GS",
      "Infos": "Arizona,"
    }
  },
  {
    "Id": "2",
    "Time": "21:55",
    "Topic": "vvvvv",
    "GUEST1": {
      "Role": "CS",
      "Infos": "Georgia"
    },
    "GUEST2": {
      "Role": "GS",
      "Infos": "Florida"
    },
    "GUEST3": {
      "Role": "HS",
      "Infos": "Delaware,"
    }
  },
  {
    "Id": "3",
    "Time": "1:56",
    "Topic": "fffff",
    "GUEST1": {
      "Role": "GS",
      "Infos": "Colorado"
    }
  }
]]

как я могу это сделать?
Я могу напечатать первые 5 элементов с помощью * ngFor, но у меня возникают проблемы с элементами JSON. можно ли выполнить сравнение подстрок в GUEST, чтобы напечатать значения ключей?
Что-то вроде:

Дата: 03/05/2018
Время: 2: 54
Имя: xoxo
Тема: брифинг
другое: ваш
Идентификатор блока: 1
Время: 20: 54
Тема: мммммм
Гость 1 роль: HS
Гость 1 Информация: Аляска
Гость 2 роли: GS Гость 2 Информация: Аризона

Ответы [ 2 ]

0 голосов
/ 07 мая 2018

Используйте тег pre для отображения любых форматированных строковых значений. Если вам нужно, чтобы ваши данные отображались в отформатированном виде, используйте JSON.stringify(arr, null, 2) или встроенную в Angular json трубу. 

<code><pre [innerHTML]="formattedResult | json">
// альтернативный путь
обр = [...]; // ваши данные обр; formattedResult = JSON.stringify (this.arr, null, 2); // форматировать

См. демо с пред и демо (ключ-значение) с ngFor

0 голосов
/ 07 мая 2018

Если вы хотите перебрать массив, используйте *ngFor.

Иначе просто используйте json трубу, как это 

{{myArray | json}}

PS: Вы неправильно определяете массив здесь, как myArray:, : используется для объявления типа массива, тогда как вы присваиваете значения массиву, поэтому вам следует использовать myArray =

рабочий пример

...