イオンアプリでjsonファイルの内容を読む

Question

イオンを使ってローカルの `.json 'ファイルからデータを読み込み、このデータを使ってページを埋め込むアプリケーションを構築しようとしています。しかし、私はすでにファイルをページにインポートすることに苦労しています。私が現在持っていることは次のとおりです。私はここでから続行する方法がわからない

[ 
{"name": "Person A","telephone": "1234"}, 
{"name": "Person B","telephone": "12345"} 
] 

：

import { Component } from "@angular/core"; 

interface Entry { 
    name:   string, 
    telephone:  string 
} 

interface EntryList { 
    entryList: Array<Entry>; 
} 

@Component({ 
    selector: 'page-list', 
    templateUrl: 'list.html' 
}) 
export class ListPage { 

    entryList: EntryList; 

    constructor() { 
     this.load_entries(); 
    }; 

    load_entries() { 
     this.entryList = JSON.parse(
      // ? 
     ) 
    }; 
} 

.jsonファイルは次のようにエントリが含まれています。データをアプリに取り込む正しい方法は何ですか？

Answer 1

これを試してください：もちろん

constructor(public http: HttpClient) { 
    this.load_entries(); 
}; 

load_entries(filePath: string) { //filePath: 'assets/test.json' 

    this.http 
     .get(filePath) 
     .subscribe((data) => { 
      console.log(data); 
     }); 
} 

、最初HttpClientをインポートする必要があります。

import { HttpClient } from '@angular/common/http';