在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'); 
     } 
    } 
    }