Tab

底部的标签按钮

使用方法

一般ion-tab都有一个[root]值来加载该组件。

  1. <ion-tabs>
  2.  <ion-tab [root]="chatRoot" tabTitle="Chat" tabIcon="chat"><ion-tab>
  3. </ion-tabs>
  7. import {Chat} from '../chat/chat';
  8. export class Tabs {
  9.    constructor(){
  10.      // here we'll set the property of chatRoot to
  11.      // the imported class of Chat
  12.      this.chatRoot = Chat
  13.    }
  14. }

输入

属性名称 类型 描述
root Page 设置根页面
rootParams object 传递数据到该页面
tabTitle string 页面标题
tabIcon string 页面图标
tabBadge string 设置徽章
tabBadgeStyle string 设置徽章颜色

输出事件

  • select

    选中时触发。