在angular 2应用程序中读取JSON文件

Question

我想要在我的angular 2应用程序中导入文件data.json。我正在使用HTML输入标记获取文件。

<input type="file" (change)="onImport($event)"/> 

在我的打字稿文件我想读这个data.json文件和存储文件的JSON数组的内容。我已经搜索，但无法找到任何方式来阅读文件或任何可以帮助我的图书馆。

Answer 1

从​​3210和JSON.parse() method喜欢使用FileReader：

onImport(event) { 
    var file = event.srcElement.files[0]; 
    if (file) { 
     var reader = new FileReader(); 
     reader.readAsText(file, "UTF-8"); 
     reader.onload = function (evt) { 
      console.log(JSON.parse(evt.target.result)); 
     } 
     reader.onerror = function (evt) { 
      console.log('error reading file'); 
     } 
    } 
    }