如何在Angular 2中显示带有数组的JSON?

时间:2017-03-30 12:45:59

标签: arrays json angular

解决了很多问题后,让我的应用程序工作,http标题等等......现在它正在运行!

现在,当我尝试将数据显示到我的应用程序中时,我有一点问题 - 请问。

我有这个架构:

export class Morosos {
idlor:  String;  comunidad: String; vivienda: String;  demandado:   String;  importe:   String;  datos: [{ fecha: String, dato: String }];  date: { type: Date };}

我在.html组件上有这个:

<tr *ngFor="let p of results; let i=index">
  <td>{{p.idlor}}</td>
  <td>{{p.comunidad}}</td>
  <td>{{p.vivienda}}</td>
  <td>{{p.demandado}}</td>
  <td>{{p.importe}}</td>
  <td>{{p.datos | json}} </td>
  <td>{{p.date}}</td>
</tr>

我得到了这个:

  IDLOR Comunidad Vivienda Demandado Importe Datos Fecha   LOR01 / 16 XXX XXX XXX XXXX [{“fecha”:“08/03/2017”,“dato”:“Pagado   Ejecucion“},{”fecha“:”27/07/2016“,”dato“:”Carta enviada“}   ] 1970-01-01T00:00:00.000Z

正如你所看到的,我在“Datos”上有一个JSON,这是一个数组,现在我的家伙是如何将它放入<tr><td>

谢谢:)

1 个答案:

答案 0 :(得分:1)

你可以在带有ul标签的td中使用一个mFor ng。

<td>
  <ul *ngFor="let p of p.datos">
    <li>{{p}}</li>
   </ul>
</td>