Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/ionic-framework/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/flash/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angular 如何在ionic中读取本地文件json?_Angular_Ionic Framework - Fatal编程技术网

Angular 如何在ionic中读取本地文件json?

Angular 如何在ionic中读取本地文件json?,angular,ionic-framework,Angular,Ionic Framework,帮助我需要阅读一个json文件在应用程序与离子,我开始在这个主题,我不知道如何做到这一点 好的,在这个类中是一个提供者,在这个例子中,我从 在另一个类中,我把这个放在控制器中 import { Component } from '@angular/core'; import { IonicPage, NavController, NavParams } from 'ionic-angular'; import { SoilsServeProvider } from '../../provider

帮助我需要阅读一个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);
})
}
}
最后,我看到了这个观点

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

演示10
{{user.name.first}大写}
{{user.email}

结果就是这样


本例没有问题,但我希望从本地json读取数据,例如其app/assets/data.json路径。您好,您可以使用本机文件插件读取设备中的文件


读取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());
  }
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());
  }