javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-16 18:17:31 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat(angular): add tabs events (#17125)

Browse Source 
* feat(angular): add tabs events

* lint
This commit is contained in:
Manu MA
2019-01-15 22:07:53 +01:00
committed by GitHub
parent 0693c887f9
commit 6929bb817c
7 changed files with 72 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
angular/src/directives/navigation/stack-controller.ts
View File

@ -5,7 +5,7 @@ import { RouterDirection } from '@ionic/core';
import { bindLifecycleEvents } from '../../providers/angular-delegate';
import { NavController } from '../../providers/nav-controller';
import { RouteView, computeStackId, destroyView, getUrl, insertView, isTabSwitch, toSegments } from './stack-utils';
import { RouteView, StackEvent, computeStackId, destroyView, getUrl, insertView, isTabSwitch, toSegments } from './stack-utils';
export class StackController {
@ -50,16 +50,23 @@ export class StackController {
return view;
}
async setActive(enteringView: RouteView) {
async setActive(enteringView: RouteView): Promise<StackEvent> {
let { direction, animation } = this.navCtrl.consumeTransition();
const leavingView = this.activeView;
if (isTabSwitch(enteringView, leavingView)) {
const tabSwitch = isTabSwitch(enteringView, leavingView);
if (tabSwitch) {
direction = 'back';
animation = undefined;
}
this.insertView(enteringView, direction);
await this.transition(enteringView, leavingView, animation, this.canGoBack(1), false);
requestAnimationFrame(() => this.cleanup());
await this.cleanupAsync();
return {
enteringView,
direction,
animation,
tabSwitch
};
}
canGoBack(deep: number, stackId = this.getActiveStackId()): boolean {
@ -122,6 +129,15 @@ export class StackController {
this.views = insertView(this.views, enteringView, direction);
}
private cleanupAsync() {
return new Promise(resolve => {
requestAnimationFrame(() => {
this.cleanup();
resolve();
});
});
}
private cleanup() {
const activeRoute = this.activeView;
const views = this.views;