ionic2 tabs使用 Modal底部tab弹出框
项目要实现一个功能，在首页底部中间的tab弹出一个页面，而且是没有底部栏的，而不是像平常滑动的一个子页面。
像这样：
做法其实很简单
1.修改tabs.html中的tab，去掉[root]="tab2root"属性，就不会显示子页面了
2.添加(ionSelect)方法，点击这个tab按钮的事件，用来显示你的弹出modal
去掉之前：
<ion-tab [root]="tab5Root" tabIcon="call" (ionSelect)="call()" ></ion-tab>
去掉之后：
<ion-tab tabIcon="call" (ionSelect)="call()" ></ion-tab>
3.在tabs.ts中显示实现(ionSelect)方法的call()方法，以显示modal
引入ModalController
import { NavController, NavParams,ModalController,ViewController,Tabs } from 'ionic-angular';
声明ModalController
constructor(public navCtrl: NavController, public navParams: NavParams,<span style="color:#ff0000;">public modalCtrl: ModalController,</span>public viewCtrl: ViewController) { }
实现call方法
call(){
let modal = this.modalCtrl.create(CallModalPage);
modal.present();
}
以上所述是小编给大家介绍的ionic2 tabs使用 Modal底部tab弹出框，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对小牛知识库网站的支持！
-
定义 底部弹层组件。 图片展示 代码演示 import FadeInUp from 'pile/dist/components/fadeinup' <FadeInUp show={true} changeFun={function(){console.log(123)}} contentPadding={true} closeShow={true} > <div clas
-
本文向大家介绍AngularJS $modal弹出框实例代码，包括了AngularJS $modal弹出框实例代码的使用技巧和注意事项，需要的朋友参考一下 下面给大家说下$modal拥有一个方法：open，该方法的属性介绍： templateUrl：模态窗口的地址 template：用于显示html标签 scope：一个作用域为模态的内容使用（事实上，$modal会创建一个当前作用域的子作用域
-
本文向大家介绍bootstrap modal弹出框的垂直居中，包括了bootstrap modal弹出框的垂直居中的使用技巧和注意事项，需要的朋友参考一下 本人前端菜鸟，公司项目尝试采用bootstrap，我身先士卒为同事趟“坑”，无奈UI妹子刁难非得让modal弹出框垂直居中，为了前端开发岗位的荣誉，花时间满足之。 最先就是百度咯，方法，就是修改源码 这里的that.element就是最外层的d
-
本文向大家介绍Android实现底部弹出的对话框功能，包括了Android实现底部弹出的对话框功能的使用技巧和注意事项，需要的朋友参考一下 环境： 主机:WIN10 开发环境:Android Studio 2.2 Preview 3 说明： 两种方法实现底部弹出的对话框： Dialog DialogFragment 推荐用DialogFragment 效果图： 布局文件dialog_select_
-
本文向大家介绍Android Animation实战之屏幕底部弹出PopupWindow，包括了Android Animation实战之屏幕底部弹出PopupWindow的使用技巧和注意事项，需要的朋友参考一下 Android动画的一个实战内容，从屏幕底部滑动弹出PopupWindow。 相信这种效果大家在很多APP上都遇到过，比如需要拍照或者从SD卡选择图片，再比如需要分享某些东西时，大多会采用
-
本文向大家介绍Bootstrap Modal遮罩弹出层(完整版)，包括了Bootstrap Modal遮罩弹出层(完整版)的使用技巧和注意事项，需要的朋友参考一下 之前发表过一篇文章叫Bootstrap Modal弹窗代码，其实那个只是一个弹出层代码而已，并不是仿造Bootstrap的，Bootstrap modal是给外层添加固定fixed，然后内容使用自适应靠上居中方式。今天分享的这篇文章正是