Friends,
I have a home page with some items as shown
and there is an appmenu items links which show some page links.
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
Hi, could you please share your code and screenshot? It will be better to understand your concern.
Please share your code
Sure please see
<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">
Online Services </h4>
</div>
<div class="icon">
<i class="ion ion-bag"></i>
</div>
<div class="small-box-footer">
<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">
e Payment : Building Tax </h4>
</div>
<div class="icon">
<i class="ion ion-bag"></i>
</div>
<div class="small-box-footer">
<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">
Government Order</h4>
</div>
<div class="icon">
<i class="ion ion-bag"></i>
</div>
<div class="small-box-footer">
<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">
Grama Sabha Notice Board </h4>
</div>
<div class="icon">
<i class="ion ion-bag"></i>
</div>
<div class="small-box-footer">
<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">
Grama Sabha Portal </h4>
</div>
<div class="icon">
<i class="ion ion-bag"></i>
</div>
<div class="small-box-footer">
<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>
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