Ionic 3 不在视图更改时渲染变量

Question

所以，我正在为我公司的司机制作一个新的应用程序，遵循旧应用程序中的相同模式。这里的想法是列出司机的所有行程，然后允许他们单击其中一个行程，从而生成一个包含详细信息的页面。

为此，我执行了以下简单功能：

details(trip){
    this.navCtrl.push(DetailsPage, {
        trip: trip
    });
}

然后，在 DetailsPage 中我做了以下操作：

html:

...
<ion-navbar>
    <ion-title>Details - {{trip.TripNumber}}</ion-title>
</ion-navbar>
...

details.ts:

...
export class DetailsPage {
  trip:any;
  constructor(public navCtrl: NavController, public navParams: NavParams) {

  }

  ionViewDidLoad() {
    console.log('ionViewDidLoad DetailsPage');
    this.trip = this.navParams.get('trip');
  }

  ionViewWillEnter(){
  }

}

但是当我点击行程时，我得到了 Cannot read 'TripNumber' of undefined，即使在尝试 console.log(this.navParams.get('trip'))...

时得到了正确的行程

我在这里做错了什么？我已经尝试运行一个区域，但没有成功。

Answer 1

试试下面的代码。

<ion-navbar>
    <ion-title>Details - {{trip?.TripNumber}}</ion-title>
</ion-navbar>

您将 trip 声明为 any，因此 TripNumber 在页面加载时不可用。所以你必须为此使用 ?.。

Ionic 3 不在视图更改时渲染变量

Ionic 3 not rendering variables on view change

html-rendering

ionic3

angular