feat(angular): tabs.select()

fixes #16753

Author: manucorporat

angular/src/directives/navigation/ion-router-outlet.ts

@@ -197,6 +197,10 @@ export class IonRouterOutlet implements OnDestroy, OnInit {
     const active = this.stackCtrl.getLastUrl(stackId);
     return active ? active.url : undefined;
   }
+
+  getActiveStackId() {
+    return this.stackCtrl.getActiveStackId();
+  }
 }
 
 function emitEvent(el: HTMLElement, view: RouteView) {

angular/src/directives/navigation/ion-tabs.ts

@@ -1,5 +1,4 @@
 import { Component, ContentChild, HostListener, ViewChild } from '@angular/core';
-import { TabButtonClickDetail } from '@ionic/core';
 
 import { NavController } from '../../providers';
 import { IonTabBar } from '../proxies';
@@ -57,14 +56,14 @@ export class IonTabs {
     }
   }
 
-  @HostListener('ionTabButtonClick', ['$event.detail'])
-  onTabButtonClick(detail: TabButtonClickDetail) {
-    const { tab, selected } = detail;
+  @HostListener('ionTabButtonClick', ['$event.detail.tab'])
+  select(tab: string) {
+    const selected = this.outlet.getActiveStackId() === tab;
     const href = `${this.outlet.tabsPrefix}/${tab}`;
     const url = selected
       ? href
       : this.outlet.getLastUrl(tab) || href;
 
-    this.navCtrl.navigateBack(url, true);
+    return this.navCtrl.navigateBack(url, true);
   }
 }

angular/src/directives/navigation/stack-controller.ts

@@ -90,7 +90,7 @@ export class StackController {
     return views.length > 0 ? views[views.length - 1] : undefined;
   }
 
-  private getActiveStackId(): string | undefined {
+  getActiveStackId(): string | undefined {
     return this.activeView ? this.activeView.stackId : undefined;
   }