2017-09-02 11 views
0

IonicがHTTP経由でJSONファイルからデータを取得する際に問題が発生していますが、何が問題なのかは分かりません。ここIonic 3でHttpを使用してJSONデータを取得する

error message in chrome devtool

コードです:

src/pages/subhome/line/line.ts(Subhomeは、ページ数のフォルダが含まれています)

import { Component } from '@angular/core'; 
 
import { IonicPage, NavController, NavParams } from 'ionic-angular'; 
 
import { Http } from '@angular/http'; 
 
import 'rxjs/add/operator/map'; 
 
/** 
 
* Generated class for the LinePage page. 
 
* 
 
* See http://ionicframework.com/docs/components/#navigation for more info 
 
* on Ionic pages and navigation. 
 
*/ 
 

 
@IonicPage() 
 
@Component({ 
 
    selector: 'page-line', 
 
    templateUrl: 'line.html', 
 
}) 
 
export class LinePage { 
 

 
    commands: any[] = [] 
 

 
    constructor(public navCtrl: NavController, public navParams: NavParams, private http: Http) { 
 
    this.http.get('line.json').map(res => res.json()).subscribe((data) => { 
 
     this.commands = data.json(); 
 
     console.log(this.commands); 
 
    }) 
 
    } 
 

 
    ionViewDidLoad() { 
 
    console.log('ionViewDidLoad LinePage'); 
 
    } 
 

 
}

、ここでは、JSONファイルです:

src/pages/subhome/line/line.json

{ 
 
\t "commands": [{ 
 
\t \t \t "title": "a", 
 
\t \t \t "desc": "b" 
 
\t \t }, 
 
\t \t { 
 
\t \t \t "title": "a", 
 
\t \t \t "desc": "b" 
 
\t \t }, 
 
\t \t { 
 
\t \t \t "title": "a", 
 
\t \t \t "desc": "b" 
 
\t \t }, 
 
\t \t { 
 
\t \t \t "title": "a", 
 
\t \t \t "desc": "b" 
 
\t \t } 
 
\t ] 
 
}

JSONを "ログイン" されて私は何をしようとしているコンソールに事前に おかげコマンド!

答えて

0

HTTPメソッドは、リモートサーバーへの呼び出しに使用されます。 私の知る限り、それはあなたがしたいJSONデータである場合には、これらの方法は、あなたがこのthis.navController.push(SecondPage, { param1: 'firstname', param2: 'lastname' });

参照チュートリアルhere

ようなものを使用することができ、ページ間でデータを渡すためのアプリ 内の任意のファイルを呼び出すために使用されていません知っているようにアクセスするには、変数に格納考えるか、あなたはいけない

をインポートして注入することを忘れ

this.storage.set('myData', data); 

の下のようなローカルストレージを使用することができます
0
は、資産のフォルダにJSONファイルを移動 と

this.http.get('assets/line.json') 
を経由して、それを呼び出す

関連する問題