ローカルJSONファイル

Question

のユーザーからデータを読み込みます。 イム2とイムの初心者は、JSONファイルから文字列を読み込むことができる単純なアプリケーションを構築しようとしています。 私のTSファイルがどうあるべきか疑問があります。私はここでスタックオーバーフローでいくつかの例を見てきましたが、誰もこれまでのところコードを貼り付ける場所はありません。だから、誰かが正しいコード（インポートとcomands）で私を助けることができるので、私はユーザーに画面内の文字列を表示することができます。

マイTSファイル

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


} 



} 

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

Answer 1

はあなたが

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

に必要な、このためのHTTPリクエスト

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

でウルJSONのパスを使用することができます

と、コンストラクタで、あなたはありがとうインスタンス

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