如何访问数组索引以使用角度进行有序打印？

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> 

和代码使用highlight module 和

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

那么，我的第一个打印应该是：

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 循环和 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}}></code></pre>

<!-- And it goes with all the elements you want to display. -->

</div>