Ionic2 ion-tab为活动选项卡添加单击事件

export class TabsPage {
  tabHome: any = HomePage;  //首页tab
  selectedIndex: number = 0; //当前活动选项卡的index
  tabHomeClickEvent: any; //首页按钮点击事件
  constructor(public navCtrl: NavController, public events: Events) {
    let that = this;
    //定义点击事件
    this.tabHomeClickEvent = function(e) {
      //首页处于活动状态
      if(0 == that.selectedIndex){
         //do some thing     
      }
    }
  }
  // 给ion-tabs添加change事件 - ionic行为
  // <ion-tabs (ionChange)="tabChange($event)"> 
  tabChange(tab: Tab){
    this.selectedIndex = tab.index;
    console.log(this.selectedIndex);
    //活动选项卡索引为0的时候添加相应的click事件，否则删除事件
    if(0 == this.selectedIndex){
      this.tabHomeAddClickEvent();
    }
    else{
      this.tabHomeRemoveClickEvent();
    }
  }


  //ion-md-home 为首页选项卡图标的 ClassName, 通过javascript绑定click事件
  private tabHomeAddClickEvent(): void {

    let that = this;
    let tabHomeIcon = document.getElementsByClassName(‘ion-md-home‘);
    if(tabHomeIcon.length == 1){
      tabHomeIcon[0].addEventListener(‘click‘, that.tabHomeClickEvent, true)
    }

  }

  //ion-md-home 为首页选项卡图标的 ClassName, 通过javascript清除click事件
  private tabHomeRemoveClickEvent(): void {
 
    let that = this;
    let tabHomeIcon = document.getElementsByClassName(‘ion-md-home‘);
    if(tabHomeIcon.length == 1){
      tabHomeIcon[0].removeEventListener(‘click‘,that.tabHomeClickEvent , true);
    }
 
  }  


}