2017-06-09 2 views
0

Ich kann JSON-Daten aus einer in mein Projekt eingebetteten JSON-Datei extrahieren und Daten anzeigen, wenn ich "ionic serve" auf meinem Computer verwende. (Dies funktioniert lokal auf meinem Mac mit ionischem Aufschlag) Ich habe ein Problem nach dem Aufbau für IOS in XCode. Ich importiere das generierte Projekt in XCode (wie ich es in der Vergangenheit erfolgreich gemacht habe), aber der JSON ist nicht mehr sichtbar, wenn er in XCode läuft oder auf meinem IPhone läuft.Ionic 2, Xcode und JSON: JSON-Daten können nicht angezeigt werden

Ich habe die neueste Version von allem und arbeite an einem Mac.

Kann mir bitte jemand zeigen, was ich falsch mache oder was mir fehlt?

Nochmals vielen Dank für jede Hilfe !!!

Ich schließe Schnipsel meines Codes unter:

**src/assets/data/kjv.json** 
JSON file location 

**src/providers/my-data/my-data.ts:** 
import { Injectable } from '@angular/core'; 
import { Http } from '@angular/http'; 
import 'rxjs/add/operator/map'; 

@Injectable() 
export class MyData { 

    constructor(public http: Http) { 
    } 

    getLocalData(){ 
     return this.http.get('../../assets/data/kjv.json'); 
    } 

} 

**src/pages/home/home.ts:** 
import { Component } from '@angular/core'; 
import { NavController } from 'ionic-angular'; 
import { MyData } from '../../providers/my-data/my-data'; 
import { ChaptersPage } from '../chapters/chapters'; 

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

export class HomePage { 

    items: any; 

    constructor(public navCtrl: NavController, public myService: MyData) { 
    } 

    ionViewDidLoad(){ 
     this.myService.getLocalData().map(res => res.json()).subscribe(data   => { 
     this.items = data; 
     }); 
    } 

    nextPage(bookNo){ 
     localStorage.setItem('bookNumber', bookNo); 
     this.navCtrl.push(ChaptersPage); 
    } 

} 

**src/app/app.module.ts:** 
import { NgModule, ErrorHandler } from '@angular/core'; 
import { BrowserModule } from '@angular/platform-browser'; 
import { HttpModule } from '@angular/http'; 
import { IonicApp, IonicModule, IonicErrorHandler } from 'ionic-angular'; 
import { MyApp } from './app.component'; 

import { AboutPage } from '../pages/about/about'; 
import { ContactPage } from '../pages/contact/contact'; 
import { HomePage } from '../pages/home/home'; 
import { ChaptersPage } from '../pages/chapters/chapters'; 
import { VersesPage } from '../pages/verses/verses'; 
import { TabsPage } from '../pages/tabs/tabs'; 

import { StatusBar } from '@ionic-native/status-bar'; 
import { SplashScreen } from '@ionic-native/splash-screen'; 
import { MyData } from '../providers/my-data/my-data'; 

    @NgModule({ 
     declarations: [ 
     MyApp, 
     AboutPage, 
     ContactPage, 
     HomePage, 
     ChaptersPage, 
     VersesPage, 
     TabsPage 
     ], 
     imports: [ 
     BrowserModule, 
     IonicModule.forRoot(MyApp), 
     HttpModule 
     ], 
     bootstrap: [IonicApp], 
     entryComponents: [ 
     MyApp, 
     AboutPage, 
     ContactPage, 
     HomePage, 
     ChaptersPage, 
     VersesPage, 
     TabsPage 
     ], 
     providers: [ 
     StatusBar, 
     SplashScreen, 
     {provide: ErrorHandler, useClass: IonicErrorHandler}, 
     MyData 
     ] 
    }) 
export class AppModule {} 

Antwort

0

Das Problem an der Stelle der JSON-Datei zeigte. Das löste mein Problem:

this.http.get ('../../ assets/data/kjv.json');

geändert wurde,

this.http.get (Vermögen/data/kjv.json ');

Dank nuttloose aus den ionischen Foren ...

Verwandte Themen