Как получить доступ к индексам массива, чтобы сделать упорядоченную печать с угловым?

Question

Из массива json, что-то вроде:

[{title: 'title1',
details: [{text: 'text1'},
    {code: 'code1'},
    {text: 'text2'},
    {code: 'code2'}, 
    {array: array1}]
...
},
{{title: 'title2',
details: [{text: 'text1'},
    {text: 'text2'},
    {array: array1},
    {code: 'code1'}, 
...

Я хотел бы напечатать данные 3 разных типов: текст, массив и код. Текст любой проблемы, массив с

<table> 

и код, используя модуль выделения с

<pre><code highlight [code]="...">

Тогда мой первый отпечаток должен быть:

text1
code1 in code style
text2
code2 in code style
array1 in array style

и второй:

text1
text2
array1 in array style
code1  in code style

У меня есть несколько идей сделать это с помощью * ngfor loop и ngif, но как получить доступ к тексту ключей, таблице и коду, чтобы сделать ngif, пожалуйста? или если вы видите более простое решение? ...

Answer 1

Прежде всего, у вас есть неверный массив, в первом элементе он имеет дубликат ключа code. Вы должны использовать 1 ключ как code и затем поместить объект всех кодов в этот индекс. однако, если это только пример и у вас правильный синтаксис массива и объектов, используйте *ngFor для итерации вашего массива.

<div *ngFor="let elem of yourArray;" >

<p class="text">{{elem.text}}</p>

<pre><code highlight [code]={{elem.code}}>

<! - И это относится ко всем элементам, которые вы хотите отобразить. ->