2017-09-28 12 views
0

les gars. Im à peu près un begginer dans ionique 2 et Im essayant de construire une application simple capable de lire des chaînes à partir d'un fichier JSON. Je doute de la façon dont mon fichier ts devrait être. J'ai vu quelques exemples ici dans le débordement de pile mais personne ne sais jamais où coller le code de la réponse. Alors, quelqu'un peut-il m'aider avec le code correct (importations et commandes) SO je peux afficher une chaîne dans l'écran à l'utilisateur.Lire les données du fichier JSON local

Mes ts déposer

import { Component } from '@angular/core'; 

import { NavController, LoadingController } from 'ionic-angular'; 
import {HttpProvider} from '../../providers/http-provider'; 


//@Component({ 
//selector: 'page-favorite', 
//templateUrl: 'favorite.html' 
//}) 

@Component({ 
selector: 'page-favorito', 
templateUrl: 'favorito.html', 
providers:[HttpProvider] 
}) 
export class Favorito { 

jsonData: any; 
loading: any; 

constructor(public navCtrl: NavController, private 
httpProvider:HttpProvider,public loadingCtrl: LoadingController) { 


} 



} 

Mon code HTML:

<ion-header> 
<ion-navbar> 
<button ion-button menuToggle> 
    <ion-icon name="menu"></ion-icon> 
</button> 
<ion-title>Favoritos</ion-title> 
</ion-navbar> 
</ion-header> 

<ion-content> 
<ion-list> 
<ion-item *ngFor="let feed of feeds"> 
    {{feed.data.title}} 
</ion-item> 
</ion-list> 
</ion-content> 

Répondre

1

vous pouvez utiliser ur chemin JSON avec demande http

this.http.get(this.jsonPath) 
      .map(res => res.json()) 
      .subscribe(data => { 
       //do the needful stuff with the data 
       }); 

pour cela, vous devez

import { Http, URLSearchParams, Response, Headers, RequestOptions } from '@angular/http'; 

et dans le constructeur, vous devez créer une instance

constructor(public http: Http) { 
//call the http method here 
} 
+0

Merci. Je l'ai. –