Ionic 3 not show title on navController.push pages , but show in appMenuItems page. Why?


#1

Friends,
I have a home page with some items as shown
Home%20page
and there is an appmenu items links which show some page links.
Appitems

When I click with Home page items , it will not show relevant title , but with appmenu it shows correctly. But after back from appmenu items still it shows that page title even we click the link the home page and go there .

How this issue can fix ?

Please advise

Thanks
Anes


#2

Hi, could you please share your code and screenshot? It will be better to understand your concern.


#3

Please share your code


#4

Sure please see

Home.html

<ion-header>
        <ion-navbar color="primary">
           <button ion-button menuToggle>
                        
                            <ion-icon > <img class="title-image" src="assets/img/samagra.png" /> </ion-icon>
               </button>
           <ion-title>
              mGov Services
           </ion-title>
            <!--
           <ion-buttons end>
             
             <button (click)="openPage()" ion-button>  
              <ion-icon name="settings" style="zoom:1.6;"></ion-icon>
             </button>
             </ion-buttons> 
             --> 
         </ion-navbar>
       
       </ion-header>
       
       
       <ion-content>    
       
       <div style="height:35%; width:100%" >
       <ion-slides autoplay="5000" loop="true" speed="500" pager="true" >
         
             <ion-slide   class="slider1">
               <h1 style="color:dimgrey">Samagra<span></span></h1>
               <h4 style="color:dimgrey"><p>A mobile governance initiative of Local Self Government Department, Government of Kerala by</p></h4> <h5> Information Kerala Mission</h5>
         
               <div class="homepeople">
                 <div class="home"></div>
                 <div class="people"></div>
               </div>
             </ion-slide>
         
            
         
             <ion-slide class="slider3" (click)="PropertyTaxEpayPage()" >
               <h4>കെട്ടിട നികുതി ഇ പെയ്മെന്‍റ്</h4>
               
               <div class="iconholder">
                 <div class="iconholder-blk" >
                   <img src="assets/icon/quickpay.png" alt="Image">
                 </div>
                 <div class="iconholder-blk">
                   
                 </div>
               </div>
               
             </ion-slide>
             <ion-slide class="slider3" (click)="crCertSrchPage()">
                    <h4>ജനന/മരണ/വിവാഹ സര്‍ട്ടിഫിക്കറ്റുകള്‍</h4>
                    
                    <div class="iconholder">
                      <div class="iconholder-blk">
                        <img src="assets/icon/cr_cert.png" alt="Image">
                      </div>
                      <div class="iconholder-blk">
                        
                      </div>
                    </div>
                    
                  </ion-slide>
           </ion-slides>
           
         </div>
           <head>
               <meta charset="UTF-8">
               <title>Local Self Government Department : Government of Kerala</title>
            <link href="assets/html/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
                  
               <link href="assets/html/css/AdminLTE.css" rel="stylesheet" type="text/css" />
           <link href="assets/html/css/homecss.css" rel="stylesheet" type="text/css" />
         
           </head>
         
    
                 
      

                       <!-- Content Header (Page header) -->
                       <section class="content-header">
                         <h4>
                                           </h4>
                       
                       </section>
         
                       <!-- Main content -->
                       <section class="content">			
         <!-- Boarder --> 
         
         <div class="borderDiv">	 
           
             <div class="row" (click)="OnlinePage()">
                               <div class="col-lg-6 col-xs-12">
                                    
                                   <!-- small box 
                                   <a href="http://ikm.in/mgov/online" >-->
                                   <div class="small-box bg-blue" >
                                       <div class="inner" align="center">
                         <h4 align="left"><img src="assets/html/css/images/icon_online_services.png" width="40" height="40" border="0">
                           &nbsp;&nbsp;&nbsp;&nbsp;  Online Services </h4>
                                     </div>
                                       <div class="icon">
                                           <i class="ion ion-bag"></i>
                                       </div>
                                       <div class="small-box-footer">
                                          &nbsp;  <i class="fa fa-arrow-circle-right"></i>
                                       </div>
                                   </div>
                                   <!--</a>-->
                               </div><!-- ./col -->
                 
                            
                 </div>
                 <div class="row" (click)="PropertyTaxEpayPage()">
                    <div class="col-lg-6 col-xs-12">
                                   <!-- small box 
                                   <a href="http://ikm.in/mgov/verification" >-->
                                    
                                   <div class="small-box bg-green">
                                       <div class="inner"  align="center">
                                           <h4 align="left"><img src="assets/html/css/images/icon_ptax_epay.png" width="45" height="45" border="0">&nbsp;&nbsp;&nbsp;
                                               e Payment : Building Tax </h4>
                                       </div>
                                       <div class="icon">
                                           <i class="ion ion-bag"></i>
                                       </div>
                                       <div class="small-box-footer">
                                         &nbsp; <i class="fa fa-arrow-circle-right"></i>
                                       </div>
                                   </div>
                                   <!--</a>-->
                               </div><!-- ./col -->
                 </div>
                           <!-- Small boxes (Stat box) -->
                           <div class="row" (click)="GovtOrder()">
                               <div class="col-lg-6 col-xs-12">
                                   <!-- small box 
                                   <a href="http://go.lsgkerala.gov.in/pages/orderGlance.php" >-->
                                   <div class="small-box bg-red">
                                       <div class="inner"  align="center">
                                           <h4 align="left"><img src="assets/html/css/images/icon_govt_order.png" width="43" height="43" border="0">&nbsp;&nbsp;&nbsp; 
                                              Government Order</h4>
                                     </div>
                                       <div class="icon">
                                           <i class="ion ion-bag"></i>
                                       </div>
                                       <div class="small-box-footer">
                                         &nbsp;   <i class="fa fa-arrow-circle-right"></i>
                                       </div>
                                   </div>
                                 <!--   </a> --> 
                               </div><!-- ./col -->
                             
                              </div> 

                              <div class="row" (click)="NoticePage()">
                                <div class="col-lg-6 col-xs-12">
                                    <div class="small-box bg-blue" >
                                        <div class="inner" align="center">
                          <h4 align="left"><img src="assets/html/css/images/icon_home.png" width="40" height="40" border="0">
                            &nbsp;&nbsp;&nbsp;&nbsp;  Grama Sabha Notice Board </h4>
                                      </div>
                                        <div class="icon">
                                            <i class="ion ion-bag"></i>
                                        </div>
                                        <div class="small-box-footer">
                                           &nbsp;  <i class="fa fa-arrow-circle-right"></i>
                                        </div>
                                    </div>
                                    <!--</a>-->
                                </div><!-- ./col -->
                  
                             
                  </div>



                  <div class="row" (click)="GramasabhaPage()">
                    <div class="col-lg-6 col-xs-12">
                        <div class="small-box bg-blue" >
                            <div class="inner" align="center">
              <h4 align="left"><img src="assets/html/css/images/icon_gramasabha.png" width="40" height="40" border="0">
                &nbsp;&nbsp;&nbsp;&nbsp;  Grama Sabha Portal </h4>
                          </div>
                            <div class="icon">
                                <i class="ion ion-bag"></i>
                            </div>
                            <div class="small-box-footer">
                               &nbsp;  <i class="fa fa-arrow-circle-right"></i>
                            </div>
                        </div>
                        <!--</a>-->
                    </div><!-- ./col -->
      
                 
      </div>
                        
                           <!--<div class="row" (click)="OfficialLoginPage()"> -->
                            <div class="row">  
                                <div class="col-lg-6 col-xs-12">
                                        <div class="box box-solid bg-teal-gradient">
                                                <div class="box-header">
                                                    <i class="fa fa-th"></i>
                                                    <h3 class="box-title">Local bodies in Kerala</h3>
                                                    <div class="box-tools pull-right">
                                                        <!--<button class="btn bg-teal btn-sm" data-widget="collapse"><i class="fa fa-minus"></i></button>
                                                        <button class="btn bg-teal btn-sm" data-widget="remove"><i class="fa fa-times"></i></button>-->
                                                    </div>
                                                </div>
                                        <div class="box-footer no-border">
                                            <div class="row">
                                                <div class="col-xs-4 text-center" style="border-right: 1px solid #f4f4f4">
                                                            <p  class="knob-label" style="font-size:24px;">
                                                                <strong>6</strong>
                                                            </p>
                                                    <div class="knob-label">Municipal Corporations</div>
                                                </div><!-- ./col -->
                                                <div class="col-xs-4 text-center" style="border-right: 1px solid #f4f4f4">
                                                        <p  class="knob-label" style="font-size:24px;">
                                                                <strong>87</strong>
                                                            </p>
                                                    <div class="knob-label">Municipalities</div>
                                                </div><!-- ./col -->
                                                <div class="col-xs-4 text-center">
                                                        <p  class="knob-label" style="font-size:24px;">
                                                                <strong>941</strong>
                                                            </p>
                                                    <div class="knob-label">Grama Panchayats</div>
                                                </div><!-- ./col -->
                                            </div><!-- /.row -->
                                        </div><!-- /.footer end -->
                                    </div> <!-- box box-solid bg-teal-gradient end -->
                                 </div>
                                
                               
                                
                             </div>


<!-- END -->    
                
               </div>
                   </section><!-- </div>/.content -->
                
         
       </ion-content>
   

Home.ts

import { Component,ViewChild } from '@angular/core';
import { PopoverController,Slides,NavController,Platform,ToastController,AlertController } from 'ionic-angular';
import {GlobalProvider} from "../../providers/global/global";
import { GoogleAnalytics,FileOpener,SQLite } from 'ionic-native';
import { IonicPage } from 'ionic-angular';
import { GosearchPage } from '../gosearch/gosearch';
import { VerificationPage } from "../verification/verification";
import { SettingsPage } from '../settings/settings';
import { InAppBrowser } from '@ionic-native/in-app-browser';
import { LoginPage } from '../login/login';
import { OnlineservicePage } from '../onlineservice/onlineservice';
import { NoticePage } from '../notice/notice';
import { WelcomePage } from '../welcome/welcome';
import { GramasabhaPage } from '../gramasabha/gramasabha';
//import { ToastController,AlertController} from 'ionic-angular';


//property tax
import { PropertyTaxSettingsPage } from '../PropertyTaxsettings/PropertyTaxSettings';
//import { ThemeableBrowser, ThemeableBrowserOptions, ThemeableBrowserObject } from '@ionic-native/themeable-browser';
//CR
import { CrSelectRegTypePage } from '../crSelectRegType/crSelectRegType';

//ENDS
@Component({
  selector: 'page-home',
  templateUrl: 'home.html'
})
export class HomePage {
    @ViewChild(Slides) slides: Slides;
    language: String;
    options:any;
    public database: SQLite;
    public people: Array<Object>;
  constructor(private iab: InAppBrowser,public popoverCtrl: 
    PopoverController,private platform: Platform,public global1:GlobalProvider,
    public navCtrl: NavController, private alertCtrl: AlertController) {

    //GoogleAnalytics.trackView("Home", "Home", true);
    this.global1.navPage="HomePage";  
    this.platform.ready().then(() => {
        this.database = new SQLite();
        this.database.openDatabase({name: "data.db", location: "default"}).then(() => {
        this.refresh();
        }, (error) => {
                console.log("ERROR: ", error);
        });
        });
    if (this.platform.is('android')) {
                  
        FileOpener.appIsInstalled('com.adobe.reader').then(function(res) {
            if (res.status === 0) {
                //    global1.showToast("Adobe Reader Not Installed");
                } else 
                {
                    //   global1.showToast("Adobe Reader  Installed");
                    //  FileOpener.open('http://www.go.lsgkerala.gov.in/files/go20170210_16063.pdf',  'application/pdf');
                }
            });
        } 
  }
  
  public add() {
    //this.database.executeSql("INSERT INTO people (firstname, lastname) VALUES ('Nidheesh', 'G')", []).then((data) => {
        this.database.executeSql("INSERT INTO govtorder VALUES (3,3,123,'01/01/2017',1,'link','desc')", []).then((data) => {
        console.log("INSERTED: " + JSON.stringify(data));
    }, (error) => {
        console.log("ERROR: " + JSON.stringify(error.err));
    });
}
  public refresh() {
    this.database.executeSql("SELECT gono FROM govtorder", []).then((data) => {
        this.people = [];
        if(data.rows.length > 0) {
            for(var i = 0; i < data.rows.length; i++) {
                this.people.push({gono: data.rows.item(i).gono, goid: data.rows.item(i).goid});
            }
        }
    }, (error) => {
        console.log("ERROR: " + JSON.stringify(error));
    });
  }
    presentPopover() 
    {
        let popover = this.popoverCtrl.create(GosearchPage);
        popover.present();
    }

    presentAlert() 
    {
        let alert = this.alertCtrl.create({
          title: 'No Network',
          subTitle: 'You are offline, please be online to see content',
          buttons: ['OK']
        });
        alert.present();
    }

    OnlinePage() 
    {
        //const browser = this.iab.create('http://www.ikm.in/mgov/index.php/login/index/6665852d971f9e09cb66cf41438c783c/b8ba8fc919d4424b97e53cd473290120e38510b395bdddabc76229d0d6825047','_self',{location:'no'}); 
        //const browser = this.iab.create('http://www.ikm.in/mgov/index.php/login/index/6665852d971f9e09cb66cf41438c783c/b8ba8fc919d4424b97e53cd473290120e38510b395bdddabc76229d0d6825047','_system',{location:'no'}); 
        if(this.global1.getnetwork())
        {
            this.global1.navPage="OnlineservicePage";   
            this.navCtrl.push(OnlineservicePage);
        } else {
            //alert("You are offline, please be online to see content");
            this.presentAlert();
        }
    }
    GovtOrder() 
    {
        if(this.global1.getnetwork())
        {
            this.global1.navPage="GosearchPage";   
            this.navCtrl.push(GosearchPage);
        } else {
            //alert("You are offline, please be online to see content");
            this.presentAlert();
        }
    }
    CRVerification() 
    {
        this.global1.navPage="VerificationPage";   
        this.navCtrl.push(VerificationPage);
    }
    OfficialLoginPage() 
    {
        this.global1.navPage="LoginPage";   
        this.navCtrl.push(LoginPage);
    }
    PropertyTaxEpayPage()
    {
        if(this.global1.getnetwork())
        {
            this.global1.navPage="PropertyTaxSettingsPage";   
            this.navCtrl.push(PropertyTaxSettingsPage);   
        } else {
            this.presentAlert();
        }    
    }
    GramasabhaPage()
    {
        if(this.global1.getnetwork())
        {
    	    this.global1.navPage="GramasabhaPage";
            this.navCtrl.push(GramasabhaPage); 
        } else {
            this.presentAlert();
        }    
    }

    NoticePage()
    {
        if(this.global1.getnetwork())
        {
    	    this.global1.navPage="NoticePage";
            this.navCtrl.push(NoticePage); 
        } else {
            this.presentAlert();
        }    
    } 
    crCertSrchPage()
    {
        this.global1.navPage="CrSelectRegTypePage";   
        this.navCtrl.push(CrSelectRegTypePage); 
    }
  
    slideChanged() 
    {
        let currentIndex = this.slides.getActiveIndex();
        if(currentIndex==3){
            this.slides.stopAutoplay();
        }
    }
   ionViewWillEnter()
        {
           console.log('ionViewWillEnter HomePage');
        // Don't Remove this
            this.global1.navPage="HomePage";   
        }

        openPage() {
          this.global1.navPage="SettingsPage";   
          this.navCtrl.push(SettingsPage);
           
        }

    ionViewDidEnter() {
        GoogleAnalytics.trackView("Home", "Home", true);
    }    
}

in home page slides came…

please advise