ionic2.0双击返回键退出应用程序

最近ion的版本更新到了2.0，所以想体验一下2.0版本带来的新体验。

看了官网和网上的各种介绍，我意识到这个2.0版本结合了TypeScript和ES6，和1.0版本有很大的不同，所以我记录了使用2.0版本开发应用的过程和代码。本文是关于双击return键退出2.0版本的应用程序。

说说我从更新到现在的经历吧。Ionic2.0的项目目录和以前不一样，是在文件夹/app下开发的，html、SCS、ts文件都在这个文件夹/app下。生成页面所需的三个文件(html、SCS和ts)是使用命令ionic g page生成的。例如，在当前项目下，使用ionic g page MyPage可以生成一个my-page文件夹和文件夹中的三个必需文件。

另外，想要在浏览器上测试效果，就得执行命令ionic serve来测试，而不是之前刷新(在这里被坑了很久才知道)。

双击返回键退出应用程序

首先，粘贴效果图：

然后是主代码。在/app目录下打开app.ts，复制粘贴以下所有代码，然后执行ionic run android。

从“@angular/core”导入{ Component }；从“离子角度”导入{平台，离子带}；从“ion-native”导入{ status bar }；从“”导入{TabsPage}。/page/tab/tab '；从“离子角度”导入{ toast controller }；//此@组件({ template : ' ion-nav[root]=' rootpage '/ion-nav ' })导入类myapp { private rootpage3360anypublic static back button pressedencetoxit=false；构造函数(私有platform: Platform，公共to stctrl : toastcontroller){ this . rootpage=TabsPage；platform.ready()。然后(()={ //好的，这样平台就准备好了，我们的插件也可以用了。//在这里，您可以做任何您可能需要的更高级别的本地事情。status bar . style default()；});platform . registerbackbutton action(函数(e){ if(myapp . backbutton pressesedonce to exit){ platform . exit tap()；} else { myapp . back button pressedence to exit=true；让吐司=吐司ctrl。创建({消息： '再次按下退出'，持续时间： 2000，位置： '底部' })；toast . present()；setTimeout(function(){ myapp . back button pressedence to exit=false；}，2000) } }，101)} } ioncbootstrap(MyApp)；到此结束。

以上就是本文的全部内容。希望对大家的学习有帮助，支持我们。