Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/ionic-framework/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angular 每次选择特定选项卡时都会发生事件_Angular_Ionic Framework_Events - Fatal编程技术网

Angular 每次选择特定选项卡时都会发生事件

Angular 每次选择特定选项卡时都会发生事件,angular,ionic-framework,events,Angular,Ionic Framework,Events,Ionic中是否有一个事件在我每次选择这个特定选项卡时都会激活 例如: 我的主标签是“主页” 如果切换到其他选项卡并返回“主页”,我希望触发事件 因此,基本上每次我回到“主页”选项卡时,我都希望事件启动 到目前为止,我已经尝试查看角度生命周期,但我没有找到一个符合我要求的事件。您可以使用ionTabsWillChange事件来完成,该事件将在每次激活选项卡时运行。您可以拥有自己的堆栈,并检查它是否包含此选项卡 <ion-tabs (ionTabsWillChange)="onTa

Ionic中是否有一个事件在我每次选择这个特定选项卡时都会激活

例如: 我的主标签是“主页” 如果切换到其他选项卡并返回“主页”,我希望触发事件 因此,基本上每次我回到“主页”选项卡时,我都希望事件启动


到目前为止,我已经尝试查看角度生命周期,但我没有找到一个符合我要求的事件。

您可以使用
ionTabsWillChange
事件来完成,该事件将在每次激活选项卡时运行。您可以拥有自己的堆栈,并检查它是否包含此选项卡

<ion-tabs (ionTabsWillChange)="onTabsWillChange($event)">

  <ion-tab-bar slot="bottom">
    <ion-tab-button tab="tab1">
      <ion-icon name="flash"></ion-icon>
      <ion-label>Tab One</ion-label>
    </ion-tab-button>

    <ion-tab-button tab="tab2">
      <ion-icon name="apps"></ion-icon>
      <ion-label>Tab Two</ion-label>
    </ion-tab-button>

    <ion-tab-button tab="tab3">
      <ion-icon name="send"></ion-icon>
      <ion-label>Tab Three</ion-label>
    </ion-tab-button>
  </ion-tab-bar>

</ion-tabs>
onTabsWillChange(event) {
  const index = this.tabsStack.indexOf(event.tab);
  if( index > -1) {
    // Your logic here
    // Remove it from the array so it can pushed at the end again
    this.tabsStack.splice(index, 1);
  }
  this.tabsStack.push(event.tab);
}