欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

ionic2.0雙擊返回鍵退出應(yīng)用

 更新時間:2019年09月17日 11:48:38   作者:灰與幻想  
這篇文章主要為大家詳細(xì)介紹了ionic2.0雙擊返回鍵退出應(yīng)用,具有一定的參考價值,感興趣的小伙伴們可以參考一下

最近才把ionic的版本更新到2.0,所以便想感受一下2.0版本帶來的新體驗。

看了官方網(wǎng)站以及網(wǎng)上的各種介紹后,才知道這2.0版本結(jié)合了TypeScript和ES6,和1.0+版本有很大的不同,所以在此記錄下使用2.0版本開發(fā)應(yīng)用的過程與代碼。此文就是介紹在2.0版本雙擊返回鍵退出應(yīng)用。

先在這說下我從更新后到現(xiàn)在的經(jīng)驗吧。ionic2.0的項目目錄和以前不一樣了,而且是在/app這個文件夾下開發(fā)的,html、scss和ts文件都在這里,生成一個頁面需要的三個文件(html、scss、ts)是使用命令ionic g page生成的。如,在當(dāng)前項目下,使用ionic g page MyPage,就可以生成my-page一個文件夾以及文件夾里面的所需的三個文件。

還有,想在瀏覽器上測試效果,你就得執(zhí)行命令ionic serve來測試,不像以前刷新就可以了(此處我被坑了很久才知道)。

雙擊返回鍵退出應(yīng)用

首先,貼一下效果圖:

然后就是主要代碼。打開/app目錄下的app.ts,把下面的代碼全部復(fù)制粘貼,然后執(zhí)行ionic run android就可以了。

import {Component} from '@angular/core';
import {Platform, ionicBootstrap} from 'ionic-angular';
import {StatusBar} from 'ionic-native';
import {TabsPage} from './pages/tabs/tabs';
import {ToastController} from 'ionic-angular';//這個是為了出現(xiàn)“再按一次退出”的彈出框才import的
 
@Component({
 template: '<ion-nav [root]="rootPage"></ion-nav>'
})
export class MyApp {
 
 private rootPage: any;
 public static backButtonPressedOnceToExit = false;
 
 constructor(private platform: Platform,public toastCtrl:ToastController) {
 this.rootPage = TabsPage;
 
 platform.ready().then(() => {
  // Okay, so the platform is ready and our plugins are available.
  // Here you can do any higher level native things you might need.
  StatusBar.styleDefault();
 });
 platform.registerBackButtonAction(function(e){
  if(MyApp.backButtonPressedOnceToExit){
  platform.exitApp();
  }else{
  MyApp.backButtonPressedOnceToExit = true;
  let toast = toastCtrl.create({
   message: '再按一次退出',
   duration: 2000,
   position: 'bottom'
  });
  toast.present();
  setTimeout(function(){
   MyApp.backButtonPressedOnceToExit = false;
  },2000)
  }
 },101)
 }
}
ionicBootstrap(MyApp);

在此結(jié)束。

以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。

相關(guān)文章

  • 簡約JS日歷控件 實例代碼

    簡約JS日歷控件 實例代碼

    這篇文章介紹了一款簡約JS日歷控件的全部代碼,有需要的朋友可以參考一下
    2013-07-07
  • JavaScript如何使用dhtmlXTreeObject的loadJSONObject繪制目錄樹

    JavaScript如何使用dhtmlXTreeObject的loadJSONObject繪制目錄樹

    這篇文章主要介紹了JavaScript如何使用dhtmlXTreeObject的loadJSONObject繪制目錄樹,需要引入dhtmlXTreeObject的css和js文件,這里還需要注意js的引用順序,本文給大家介紹的非常詳細(xì),需要的的朋友參考下吧
    2023-11-11
  • JavaScript使用showdown實現(xiàn)markdown預(yù)覽功能

    JavaScript使用showdown實現(xiàn)markdown預(yù)覽功能

    Showdown.js 是一個JavaScript庫,用于將Markdown文本轉(zhuǎn)換為HTML,這篇文章將給大家介紹了JavaScript使用showdown實現(xiàn)markdown預(yù)覽功能,文中通過代碼示例給大家講解的非常詳細(xì),需要的朋友可以參考下
    2024-01-01
  • Three.js快速入門教程

    Three.js快速入門教程

    這篇文章主要為大家詳細(xì)介紹了Three.js快速入門教程,幫助大家快速入門,感興趣的小伙伴們可以參考一下
    2016-09-09
  • JavaScript組件焦點與頁內(nèi)錨點間傳值的方法

    JavaScript組件焦點與頁內(nèi)錨點間傳值的方法

    這篇文章主要介紹了JavaScript組件焦點與頁內(nèi)錨點間傳值的方法,涉及輸入框與錨點的操作技巧,具有一定參考借鑒價值,需要的朋友可以參考下
    2015-02-02
  • js驗證表單大全

    js驗證表單大全

    js驗證表單大全...
    2006-11-11
  • JavaScript設(shè)計模式之工廠模式和構(gòu)造器模式

    JavaScript設(shè)計模式之工廠模式和構(gòu)造器模式

    這篇文章主要介紹了JavaScript設(shè)計模式之工廠模式和構(gòu)造器模式,本文同時講解了設(shè)計模式的類別如創(chuàng)建型設(shè)計模式、結(jié)構(gòu)型設(shè)計模式、行為設(shè)計模式等內(nèi)容,需要的朋友可以參考下
    2015-02-02
  • 使用pjax實現(xiàn)無刷新更改頁面url

    使用pjax實現(xiàn)無刷新更改頁面url

    pjax=pushState+ajax,相信用過github的同學(xué)都知道,github部分頁面采用了pjax這個項目來實現(xiàn)ajax無刷新加載的同時改變頁面url。一起來學(xué)習(xí)一下這個插件吧。
    2015-02-02
  • javascript 數(shù)據(jù)存儲的常用函數(shù)總結(jié)

    javascript 數(shù)據(jù)存儲的常用函數(shù)總結(jié)

    這篇文章主要介紹了javascript 數(shù)據(jù)存儲的常用函數(shù)總結(jié)的相關(guān)資料,需要的朋友可以參考下
    2017-06-06
  • js經(jīng)驗分享 JavaScript反調(diào)試技巧

    js經(jīng)驗分享 JavaScript反調(diào)試技巧

    在這篇文章中,我打算跟大家總結(jié)一下關(guān)于JavaScript反調(diào)試技巧方面的內(nèi)容。值得一提的是,其中有些方法已經(jīng)被網(wǎng)絡(luò)犯罪分子廣泛應(yīng)用到惡意軟件之中了,需要的朋友可以參考下
    2018-03-03

最新評論