Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/typescript/8.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
接受TypeScript中的JSON数据,并以表格形式显示_Json_Typescript_Angular2 Routing - Fatal编程技术网

接受TypeScript中的JSON数据,并以表格形式显示

接受TypeScript中的JSON数据,并以表格形式显示,json,typescript,angular2-routing,Json,Typescript,Angular2 Routing,我是打字新手 我想接受大小不固定的JSON数据 接受数据后,我希望它以表格形式显示 我的JSON数据如下 [{“regionID”:1“regionname”:“Can”} {“regionID”:1“regionname”:“Cen”}] 如果该表不可编辑,则字段…那么,typescript的方法是创建一个类,我们称之为region: Class Region { regionId: number; regionName: string; constructor(id, name

我是打字新手

我想接受大小不固定的JSON数据

接受数据后,我希望它以表格形式显示

我的JSON数据如下

[{“regionID”:1“regionname”:“Can”}

{“regionID”:1“regionname”:“Cen”}]


如果该表不可编辑,则字段…

那么,typescript的方法是创建一个类,我们称之为region:

Class Region {
  regionId: number;
  regionName: string;

  constructor(id, name) {
    regionId = id;
    regionName = name;
  }
}
然后,您应该将结果JSON转换为该类的数组

regions: Region[] = new Array<Region>();

JSON.parse(myJson).forEach(item => {
    regions.push(new Region(item));
});
regions:Region[]=newarray();
parse(myJson).forEach(item=>{
区域。推送(新区域(项目));
});

在表格中显示它应该与在javascript中的工作方式非常相似,typescript不应该是一个问题(您可能想用另一个问题来描述它,这似乎是一个主题)

您认为这是一个有效的问题吗?没用的。在你发布之前,确保你读了这篇文章,如果没有,我为什么要问…?代码在哪里?那么?你试过什么