ionic2 tabs使用 Modal底部tab弹出框

前端之家收集整理的这篇文章主要介绍了ionic2 tabs使用 Modal底部tab弹出框前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

项目要实现一个功能,在首页底部中间的tab弹出一个页面,而且是没有底部栏的,而不是像平常滑动的一个子页面

像这样:

做法其实很简单

1.修改tabs.html中的tab,去掉[root]="tab2root"属性,就不会显示页面

2.添加(ionSelect)方法,点击这个tab按钮的事件,用来显示你的弹出modal

去掉之前:

去掉之后:

3.在tabs.ts中显示实现(ionSelect)方法的call()方法,以显示modal

引入ModalController

声明ModalController

public viewCtrl: ViewController) { }

实现call方法

以上所述是小编给大家介绍的ionic2 tabs使用 Modal底部tab弹出框。编程之家 jb51.cc 收集整理的教程希望能对你有所帮助,如果觉得编程之家不错,可分享给好友!感谢支持

原文链接:/js/42970.html

猜你在找的JavaScript相关文章