Inhalt der JSON-Datei in der ionischen App lesen

Question

Ich versuche eine App mit ionic zu erstellen, die Daten aus einer lokalen `.json'-Datei liest und diese Daten verwendet, um eine Seite zu füllen. Aber ich kämpfe bereits mit dem Importieren der Datei in die Seite. Was ich zur Zeit haben, ist:

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(
      // ? 
     ) 
    }; 
} 

Die .json Datei enthält Einträge wie:

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

Ich weiß nicht, wie von hier an, um fortzufahren. Was ist der richtige Weg, um meine Daten in die App zu bekommen?

Answer 1

Bitte versuchen Sie dies:

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

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

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

Natürlich haben Sie HttpClient zunächst zu importieren.

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