I’m trying to get data from posts on page1 to open in detalhe-post. But it does not work because a warning appears that the module is not found
PAGE1.ts
import { Component } from '@angular/core';
import {DetalhePost} from '../pages/detalhe-post/detalhe-post';
import { Http } from '@angular/http';
import { NavController } from 'ionic-angular';
import 'rxjs/add/operator/map';
// import {ServiceProvider} from '../../providers/service-provider';
@Component({
selector: 'page-page1',
templateUrl: 'page1.html',
// providers: [ServiceProvider] // acrecentei essa linha para consertar o erro: "No provider for ServiceProvider!"
})
export class Page1 {
// post:any[];
// public feeds: Array<string>;
feeds:any[];
private url: string = "http://localhost:80/Sahifa/wp-json/wp/v2/posts"; // https://www.reddit.com/new.json
constructor(public navCtrl: NavController, public http: Http) { }
ionViewDidEnter() { // novo método buscando a API
this.http.get(this.url).map(res => res.json())
.subscribe(data => {
this.feeds = data;
});
}
itemTapped(event, feed) {
this.navCtrl.push(DetalhePost, {
feed: feed
});
}
}
DETALHE-POST
import { Component } from '@angular/core';
import { NavController, NavParams } from 'ionic-angular';
@Component({
selector: 'detalhe-post',
templateUrl: 'detalhe-post.html'
})
export class DetalhePost {
selectedItem:any;
constructor(public navCtrl: NavController, public navParams: NavParams) {
this.selectedItem = navParams.get('feed');
}
ionViewDidLoad() {
console.log('ionViewDidLoad DetalhePost');
}
}
MY MODULES
import { NgModule, ErrorHandler } from '@angular/core';
import { IonicApp, IonicModule, IonicErrorHandler } from 'ionic-angular';
import { MyApp } from './app.component';
import { Page1 } from '../pages/page1/page1';
import { Page2 } from '../pages/page2/page2';
import { DetalhePost } from '../pages/detalhe-post/detalhe-post';
import { StatusBar } from '@ionic-native/status-bar';
import { SplashScreen } from '@ionic-native/splash-screen';
import { ServiceProvider } from '../providers/serice-provider'; // essa linha pode ocasionar erro *CUIDADO*
@NgModule({
declarations: [
MyApp,
Page1,
Page2,
DetalhePost
],
imports: [
IonicModule.forRoot(MyApp)
],
bootstrap: [IonicApp],
entryComponents: [
MyApp,
Page1,
Page2,
DetalhePost
],
providers: [
StatusBar,
SplashScreen,
{provide: ErrorHandler, useClass: IonicErrorHandler}
]
})
export class AppModule {}