Question

一切似乎都很好，但我得到了一个类似于detailpage的错误。请帮助我。我快要疯了。

detail.ts文件：

import { Component } from '@angular/core';
import { IonicPage, NavController, NavParams } from 'ionic-angular';
import { AngularFireDatabase} from 'angularfire2/database';
import { Http, Headers } from '@angular/http';
import 'rxjs/add/operator/do';
import 'rxjs/add/operator/map';
import { Note } from '../../model/note/note.model';
import { NoteListService } from '../../services/note-list.service';


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

note : Note = {
    title: '',
    content: ''
  };

  constructor( private noteListService: NoteListService,public navCtrl: NavController, public navParams: NavParams,private fdb:AngularFireDatabase) {
  }

  ionViewDidLoad() {
    console.log('ionViewDidLoad DetailPage');
    this.note = this.navParams.get('note');
  }
}

detail.html文件：

 <ion-header>

  <ion-navbar color="ecoblue">
    <ion-title>{{note.title}}</ion-title>
  </ion-navbar>

</ion-header>

<ion-content padding>

  {{note.content}}

</ion-content>

所以当我加载页面时，控制台中有一个运行时错误，说“无法读取未定义的属性'标题'”。我在等你的解决方案。

Answer 1

作为一种解决方法，您可以在视图中note之后写一个<ion-navbar color="ecoblue"> <ion-title>{{note?.title}}</ion-title> </ion-navbar>，如下所示：

javap -c Test.class

这将使您的错误消失，但为了更好的解决方案，您应该检查您是否在navParams中接收到正确的数据。

运行时错误：无法读取undefined（Ionic 3）的属性'title'

1 个答案: