私のホームページの私のリストのion-item
をクリックすると、新しいページ(DetailPage)にフィードのデータが表示されません。私が逃しているものを整理することはできません。私を助けてくれますか?イオンアイテムをクリックした後にフィードデータを表示できません - イオン2
スタック:これは
Runtime Error
Error in ./DetailPage class DetailPage - caused by: Cannot read property 'title' of undefined
である私のhome.html
- home.ts
<ion-header>
<ion-navbar color="primary">
<ion-title text-center>
App Name
</ion-title>
</ion-navbar>
</ion-header>
<ion-content padding>
<ion-list>
<ion-list inset>
<ion-item *ngFor="let entry of entries" (click)="openPage(entry)">{{entry.title}}</ion-item>
</ion-list>
</ion-list>
</ion-content>
|--------------------------------------------------------|
import { NavController } from 'ionic-angular';
import { Component } from '@angular/core';
import { RssService } from '../../providers/rss-service/rss-service';
import { DetailPage } from '../detail-page/detail-page';
@Component({
selector: 'page-home',
templateUrl: 'home.html',
providers: [RssService]
})
export class HomePage {
public entries: any = [];
constructor(public rssService:RssService, public nav:NavController) {
}
ionViewDidLoad(){
this.rssService.load().subscribe(
data => {
this.entries.push(data);
}
);
}
openPage(entry) {
console.log('open page called with ' + entry.title);
this.nav.push(DetailPage, {selectedEntry:entry});
}
}
detail-page.html
からdetail-page.ts
<ion-header>
<ion-navbar color="primary">
<ion-title>{{entry.title}}</ion-title>
</ion-navbar>
</ion-header>
<ion-content padding>
<!--<div [innerHTML]="entry.description"></div>-->
</ion-content>
|--------------------------------------------------|
import {NavController, NavParams} from 'ionic-angular';
import { Component } from '@angular/core';
@Component({
templateUrl: 'detail-page.html'
})
export class DetailPage {
constructor(public nav: NavController, navParams:NavParams) {
console.log('run');
this.nav = nav;
var entry = navParams.get('selectedEntry');
console.log('my entry is '+ entry.title);
}
}
すべてがOKです。あなたのコンソール出力は何ですか? –
スタックエラーが発生しています – Rick