이온 애플 리케이션에서 json 파일의 내용을 읽으십시오.

Question

로컬`.json '파일에서 데이터를 읽고이 데이터를 사용하여 페이지를 채우는 ionic으로 응용 프로그램을 빌드하려고합니다. 하지만 이미 파일을 페이지로 가져 오는 데 어려움을 겪고 있습니다. 내가 현재 가지고 것은 : 여기에에서 진행하는 방법을 모른다

[ 
{"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';