Page navigation after menu icon not display


#1

Im navigate the page , its working correctly but i have little problem page navigation menu not display
only display < Dashboard , but i can drag right side in my app after display side bar , how can i fix this issue
Thanks
home.html

<ion-fab right bottom>
  <button ion-fab color="danger"  (click)="navigatelistadd()" ><ion-icon name="add"></ion-icon></button>
</ion-fab>

home.ts

import { Component } from '@angular/core';
import { IonicPage, NavController, NavParams,ModalController } from 'ionic-angular'; //Notifictaion para

import {ListingPage} from "../listing/listing";//List
@IonicPage()
@Component({
  selector: 'page-home',
  templateUrl: 'home.html',


})
export class HomePage {


  public firstParams;//NavigatePage
  public secondParams;//NavigatePage

  //Notifictaionpara

  myParam = '';
  constructor(public navCtrl: NavController, public navParams: NavParams,public modalCtrl: ModalController) {

    this.firstParams = navParams.get("firstPassed1");//NavigatePage
    this.secondParams = navParams.get("secondPassed2");//NavigatePage
  }




  //HomeADDButton
  navigatelistadd() {
    this.navCtrl.push(ListingPage, {
      firstPassed1: "value 0",
      secondPassed2: "value 2"
    })
  }

  ////NavigatePageBack
  goBack()
  {
    console.log("popping");
    this.navCtrl.pop();
  }
}

Listng.html

<!--Header------------------------------------------------------------------------------------------------->
<ion-header>
  <ion-navbar>
    <ion-title><p class="main-header">Dashboard</p></ion-title>
    <button ion-button [menuToggle]="activeMenu" right >
      <ion-icon name="menu"></ion-icon>
    </button>
  </ion-navbar>
</ion-header>

<!--Header------------------------------------------------------------------------------------------------->