So Lesen Sie eine lokale Datei json in Ionischer?

Hilfe, die ich brauche zum Lesen eine json-Datei in Apps mit ionic und ich begann in diesem Thema und ich weiß nicht, wie Sie dies tun.

Ok Also in dieser Klasse ist ein Anbieter-in diesem Fall habe ich Daten aus 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();
}

}

in einer anderen Klasse, ich habe diese im controller

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

schließlich en die Ansicht 

<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>

und das Ergebnis ist dieses

Ergebnis

diesem Beispiel ist es ok, aber ich möchte das Lesen von Daten von einem lokalen json zum Beispiel ist der Pfad " app/assets/Daten.json

InformationsquelleAutor Juan Perez | 2017-09-25
  1. 0

    Hallo Sie können den systemeigenen Datei-plugin zum Lesen der Dateien auf Ihrem Gerät,

    Native Datei Plugin

    InformationsquelleAutor Diluk Angelo
  2. 0

    Lesen JSON-Datei. Ich legte JSON-Datei unter 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());
  }
    InformationsquelleAutor Manish
Schreibe einen Kommentar