Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/28.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_Angular_Typescript - Fatal编程技术网

从typescript中的.json文件提取数据

从typescript中的.json文件提取数据,json,angular,typescript,Json,Angular,Typescript,我有一个角度的应用程序。我可以将.json文件加载到应用程序中,但我无法理解访问文件中数据的语法。我在这个主题上发布了一个类似的问题,但我可能太宽泛了,我只需要知道如何访问我已经上传的文件中的数据,我的应用程序将其识别为application/json文件 startUpload(event: FileList){ var file = event.item(0); console.log(file) } 控制台输出 File(139404) {name:

我有一个角度的应用程序。我可以将.json文件加载到应用程序中,但我无法理解访问文件中数据的语法。我在这个主题上发布了一个类似的问题,但我可能太宽泛了,我只需要知道如何访问我已经上传的文件中的数据,我的应用程序将其识别为application/json文件

 startUpload(event: FileList){

    var file = event.item(0);

    console.log(file)    


  }
控制台输出

File(139404) {name: "turnaroundtest.json", lastModified: 1527392751758, lastModifiedDate: Sat May 26 2018 20:45:51 GMT-0700 (PDT), webkitRelativePath: "", size: 139404, …}
试试这个

console.log('name'+jsonObject.name)

if (undefined !== jsonResponse.name && null !== jsonResponse.name){
    console.log('name' + jsonResponse.name);
}
如果您有json数组,那么

for (const jsonObject in jsonResponse) {
    if (undefined !== jsonResponse[jsonObject].name && null !== jsonResponse[jsonObject].name) {
        console.log('name' + jsonResponse[jsonObject].name);
    }
}
以下是您的操作方法:

  detectFiles(event) {
    const files = event.target.files;
    if (event.target.files && event.target.files[0]) {
      const reader = new FileReader();
      reader.onload = ((e) => {
        const result = e.target['result'];
        console.log(JSON.parse(result));
      });
      reader.readAsText(event.target.files[0]);
    }
  }