17 | Page 1
18 | Comprehensive Android Back Button Demo
19 | Back button should check for several things in the following order:
20 |
21 | - Close the side menu if it's open
22 | - Close any pushed page
23 | - Switch between tabs
24 |
25 |
26 |
--------------------------------------------------------------------------------
/src/pages/page1/page1.scss:
--------------------------------------------------------------------------------
1 | page-page1 {
2 |
3 | }
4 |
--------------------------------------------------------------------------------
/src/pages/page1/page1.ts:
--------------------------------------------------------------------------------
1 | import { Component } from '@angular/core';
2 | import { NavController, NavParams } from 'ionic-angular';
3 | import { BackbuttonService } from '../../services/backbutton.service';
4 | import { EN_TAB_PAGES } from "../../app/app.config";
5 |
6 | /**
7 | * Generated class for the Page1Page page.
8 | *
9 | * See https://ionicframework.com/docs/components/#navigation for more info on
10 | * Ionic pages and navigation.
11 | */
12 |
13 | @Component({
14 | selector: 'page-page1',
15 | templateUrl: 'page1.html',
16 | })
17 | export class Page1Page {
18 |
19 | constructor(public navCtrl: NavController, public navParams: NavParams,
20 | private backbuttonService: BackbuttonService,
21 | ) {
22 | }
23 |
24 | ionViewDidLoad() {
25 | console.log('ionViewDidLoad Page1Page');
26 | }
27 |
28 | ionViewWillEnter() {
29 | this.backbuttonService.pushPage(EN_TAB_PAGES.EN_TP_HOME, this.navCtrl);
30 | }
31 |
32 | }
33 |
--------------------------------------------------------------------------------
/src/pages/page2/page2.html:
--------------------------------------------------------------------------------
1 |
7 |