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 недоступен при загрузке страницы.Таким образом, вы должны использовать ?. для этого.