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未在视图更改时呈现变量

1 个答案: