json의 로컬 파일을 읽는 방법?

Question

도움말 내가 ionic과 응용 프로그램에서 json 파일을 읽을 필요가 있고이 주제로 시작했는데 어떻게 해야할지 모르겠다. 이 클래스는 컨트롤러보기 엔 마지막

import { Component } from '@angular/core'; 
import { IonicPage, NavController, NavParams } from 'ionic-angular'; 
import { SoilsServeProvider } from '../../providers/soils-serve/soils- 
serve'; 


@IonicPage() 
@Component({ 
selector: 'page-cultivos', 
templateUrl: 'cultivos.html', 
}) 
export class CultivosPage { 
users: any[] = []; 
constructor(public navCtrl: NavController, public navParams: NavParams, 
public userService: SoilsServeProvider) { 
} 

ionViewDidLoad(){ 
this.userService.getUsers() 
.then(data => { 
    this.users = data.results; 
}) 
.catch(error =>{ 
    console.error(error); 
}) 
} 
} 

에서 나는이를 넣어 다른 클래스에 https://randomuser.me

import { Injectable } from '@angular/core'; 
import { Http } from '@angular/http'; 
import 'rxjs/add/operator/map'; 
import 'rxjs/add/operator/toPromise'; 

@Injectable() 
export class SoilsServeProvider { 

constructor(public http: Http) { 

} 
getUsers() { 
return this.http.get('https://randomuser.me/api/?results=15') 
.map(res => res.json()) 
.toPromise(); 
} 

} 

에서 데이터를 넣어이 경우에는 공급자가있다 그렇게

확인

<ion-header> 
<ion-navbar color="primary"> 
<ion-title> 
    Demo 10 
</ion-title> 
</ion-navbar> 
</ion-header> 

<ion-content> 
<ion-list> 
<ion-item *ngFor="let user of users"> 
    <ion-avatar item-start> 
    <img [src]="user.picture.medium"> 
    </ion-avatar> 
    <h2>{{ user.name.first | uppercase }}</h2> 
    <p>{{ user.email }}</p> 
</ion-item> 
</ion-list> 
</ion-content> 

이 결과는 다음과 같습니다.

result

이 예 예를 들어, 괜찮아하지만 로컬 JSON에서 데이터를 읽을 싶지는 응용 프로그램/자산/data.json에게의 경로

Answer 1

안녕 당신은 파일을 읽을 수있는 기본 파일 플러그인을 사용할 수 있습니다 장치에

Native File Plugin

Answer 2

는 JSON 파일을 읽을 수 있습니다. JSON 파일을 src/assets 아래에 두었습니다.

Write This function 
try { 
     this.services.getJSon().subscribe(result => { 
     this.questionList = result.examList; 
     console.log(this.questionList); 
     }); 
    } catch (e) { 
     console.log("Profile" + e); 
    } 

This function within Services 

getJSon() :any{ 
    return this.http.get('assets/data/test.json').map(res => res.json()); 
    }