最近才把ionic的版本更新到2.0，所以便想感受一下2.0版本帶來(lái)的新體驗(yàn)。

創(chuàng)新互聯(lián)長(zhǎng)期為上千家客戶提供的網(wǎng)站建設(shè)服務(wù)，團(tuán)隊(duì)從業(yè)經(jīng)驗(yàn)10年，關(guān)注不同地域、不同群體，并針對(duì)不同對(duì)象提供差異化的產(chǎn)品和服務(wù)；打造開(kāi)放共贏平臺(tái)，與合作伙伴共同營(yíng)造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為元謀企業(yè)提供專業(yè)的成都網(wǎng)站設(shè)計(jì)、成都網(wǎng)站建設(shè)，元謀網(wǎng)站改版等技術(shù)服務(wù)。擁有十載豐富建站經(jīng)驗(yàn)和眾多成功案例,為您定制開(kāi)發(fā)。

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

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

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

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

首先，貼一下效果圖：

然后就是主要代碼。打開(kāi)/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';//這個(gè)是為了出現(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é)束。

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持創(chuàng)新互聯(lián)。

文章題目：ionic2.0雙擊返回鍵退出應(yīng)用
分享路徑：http://www.rwnh.cn/article30/jipdso.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供虛擬主機(jī)、軟件開(kāi)發(fā)、全網(wǎng)營(yíng)銷(xiāo)推廣、響應(yīng)式網(wǎng)站、、定制網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)