Angular 如何在ionic中读取本地文件json?
帮助我需要阅读一个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
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());
}