在Jtml上显示JSON - Angular 4

时间:2017-10-20 17:45:25

标签: html arrays json angular web-services

我有JSON数据,我可以在控制台中读取和访问。我需要阅读Html。但看起来我无法阅读。我得到一个错误,说无法读取NewDataSet的属性。有人有想法吗?我不确定数据是否从mpa函数返回到订阅。

HTML

<div>{{results.NewDataSet.Table[0]}}</div>

**在service.ts **

中返回res时的样本数据

enter image description here

2 个答案:

答案 0 :(得分:0)

试试这个:

<div>{{results?.NewDataSet?.Table[0] | json}}</div>

而不是

<div>{{results.NewDataSet.Table[0]}}</div>

答案 1 :(得分:0)

您的html页面将在您的数据通过其余呼叫响应填充之前呈现。 在这种情况下,结果变量是空数组而没有 NewDataSet

results: any [];

因此声明为object并将array创建为该对象的元素

results: any = { NewDataSet : {
                                  Table : []
                               } 
               };

像这样更改你的声明。