IonicがHTTP経由でJSONファイルからデータを取得する際に問題が発生していますが、何が問題なのかは分かりません。ここIonic 3でHttpを使用してJSONデータを取得する
コードです:
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を "ログイン" されて私は何をしようとしているコンソールに事前に おかげコマンド!