ионная кнопка возврата не отображается

Question

Я создаю приложение с помощью Ionic и пытаюсь создать навигатор и нажать страницу. Это мой код.

list.html

<ion-header>
<ion-navbar>
<button ion-button menuToggle>
  <ion-icon name="menu"></ion-icon>
</button>
<ion-title>Paises</ion-title>
</ion-navbar>
</ion-header>

 <ion-content>
   <ion-card *ngFor="let pais of paises | async"                                            
(click)="cambiarPagina()">
  <ion-item>
  <ion-avatar item-start>
    <img src="{{pais.bandera}}">
  </ion-avatar>
  <h2>{{pais.nombre}}</h2>
  <p>Su nivel en el ranking de la FIFA es: {{pais.ranking}}</p>
  </ion-item>
 </ion-card>
 </ion-content>

это мой list.ts

import { Component } from '@angular/core';
import { NavController, NavParams } from 'ionic-angular';
import { AngularFireDatabase } from 'angularfire2/database';
import { Observable } from 'rxjs/Observable';
import { AngularFireList } from 'angularfire2/database';
import { AboutPage } from '../about/about';

@Component({
  selector: 'page-list',
  templateUrl: 'list.html'
})
export class ListPage {
  pais: AngularFireList<any>
  paises: Observable<any[]>


constructor(public navCtrl: NavController, public navParams: 
 NavParams, public db: AngularFireDatabase) {
 // If we navigated to this page, we will have an item available as a 
 nav param
  this.paises = db.list('paises').valueChanges();
 }

 cambiarPagina(){
   this.navCtrl.push(AboutPage);
 }
}

а это мой about.html

<ion-content padding class="about">
   This is my super awesome about page.
</ion-content>

и это пример того, что я получаю

Кто-нибудь может мне помочь, что я делаю не так?

Answer 1

У вас нет <ion-navbar></ion-navbar> в вашем about.html, и кнопка возврата принадлежит ему, попробуйте добавить его в ваш about.html