javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-19 03:32:21 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(angular): tabs angular tests

Browse Source
This commit is contained in:
Manu Mtz.-Almeida
2018-03-30 23:30:31 +02:00
parent 230823915c
commit ff1ed888f0
8 changed files with 33 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
angular/package.json
View File

@ -20,7 +20,7 @@
"url": "https://github.com/ionic-team/ionic.git" "url": "https://github.com/ionic-team/ionic.git"
}, },
"scripts": { "scripts": {
"build": "npm run clean && npm run ionic-core && npm run compile && npm run clean-generated", "build": "npm run clean && npm run compile && npm run clean-generated && npm run ionic-core",
"build.link": "npm run build && node scripts/link-copy.js", "build.link": "npm run build && node scripts/link-copy.js",
"clean": "node scripts/clean.js", "clean": "node scripts/clean.js",
"clean-generated": "node ./scripts/clean-generated.js", "clean-generated": "node ./scripts/clean-generated.js",

1
angular/src/directives/index.ts
View File

@ -9,6 +9,7 @@ export { GoBack } from './navigation/go-back';
export { IonBackButton } from './navigation/ion-back-button'; export { IonBackButton } from './navigation/ion-back-button';
export { NavDelegate } from './navigation/nav-delegate'; export { NavDelegate } from './navigation/nav-delegate';
export { TabDelegate } from './navigation/tab-delegate'; export { TabDelegate } from './navigation/tab-delegate';
export { TabsDelegate } from './navigation/tabs-delegate';
export { IonRouterOutlet } from './navigation/ion-router-outlet'; export { IonRouterOutlet } from './navigation/ion-router-outlet';
export { Icon } from './icon'; export { Icon } from './icon';

2
angular/src/directives/navigation/ion-back-button.ts
View File

@ -12,7 +12,7 @@ export class IonBackButton {
@HostListener('click') @HostListener('click')
onClick() { onClick() {
if (this.routerOutlet.canGoBack()) { if (this.routerOutlet && this.routerOutlet.canGoBack()) {
this.routerOutlet.pop(); this.routerOutlet.pop();
} }
} }

14
angular/src/directives/navigation/tab-delegate.ts
View File

@ -1,5 +1,4 @@
import { ComponentFactoryResolver, Directive, ElementRef, HostListener, Injector, Optional } from '@angular/core'; import { ComponentFactoryResolver, Directive, ElementRef, Injector } from '@angular/core';
import { Router } from '@angular/router';
import { AngularDelegate } from '../../providers/angular-delegate'; import { AngularDelegate } from '../../providers/angular-delegate';
@ -9,7 +8,6 @@ import { AngularDelegate } from '../../providers/angular-delegate';
export class TabDelegate { export class TabDelegate {
constructor( constructor(
@Optional() private router: Router,
ref: ElementRef, ref: ElementRef,
cfr: ComponentFactoryResolver, cfr: ComponentFactoryResolver,
injector: Injector, injector: Injector,
@ -18,15 +16,5 @@ export class TabDelegate {
ref.nativeElement.delegate = angularDelegate.create(cfr, injector); ref.nativeElement.delegate = angularDelegate.create(cfr, injector);
} }
@HostListener('ionTabbarClick', ['$event'])
ionTabbarClick(ev: UIEvent) {
const tabElm: HTMLIonTabElement = ev.detail as any;
if (this.router && tabElm && tabElm.href) {
console.log('tabElm', tabElm.href);
this.router.navigateByUrl(tabElm.href);
}
}
} }

22
angular/src/directives/navigation/tabs-delegate.ts Normal file
View File

@ -0,0 +1,22 @@
import { Directive, HostListener, Optional } from '@angular/core';
import { Router } from '@angular/router';
@Directive({
selector: 'ion-tabs'
})
export class TabsDelegate {
constructor(
@Optional() private router: Router,
) {}
@HostListener('ionTabbarClick', ['$event'])
ionTabbarClick(ev: UIEvent) {
const tabElm: HTMLIonTabElement = ev.detail as any;
if (this.router && tabElm && tabElm.href) {
this.router.navigateByUrl(tabElm.href);
}
}
}

1
angular/src/module.ts
View File

@ -99,6 +99,7 @@ const DECLARATIONS = [
c.IonRouterOutlet, c.IonRouterOutlet,
c.NavDelegate, c.NavDelegate,
c.TabDelegate, c.TabDelegate,
c.TabsDelegate,
// virtual scroll // virtual scroll
c.VirtualFooter, c.VirtualFooter,

6
angular/test/nav/src/app/lazy-load-tabs/tabs.html
View File

@ -2,15 +2,15 @@
<ion-tabs> <ion-tabs>
<ion-tab title="Tab 1" icon="home"> <ion-tab tabTitle="Tab 1" tabIcon="home" href="/lazy-load-tabs/tabs/(tab1:mustang)">
<ion-router-outlet name="tab1"></ion-router-outlet> <ion-router-outlet name="tab1"></ion-router-outlet>
</ion-tab> </ion-tab>
<ion-tab title="Tab 2" icon="heart"> <ion-tab tabTitle="Tab 2" tabIcon="heart" href="/lazy-load-tabs/tabs/(tab2:camaro)">
<ion-router-outlet name="tab2"></ion-router-outlet> <ion-router-outlet name="tab2"></ion-router-outlet>
</ion-tab> </ion-tab>
<ion-tab title="Tab 3" icon="star"> <ion-tab tabTitle="Tab 3" tabIcon="star" href="/lazy-load-tabs/tabs/(tab3:charger)">
<ion-router-outlet name="tab3"></ion-router-outlet> <ion-router-outlet name="tab3"></ion-router-outlet>
</ion-tab> </ion-tab>

6
angular/test/nav/src/app/simple-tabs/tabs.html
View File

@ -2,15 +2,15 @@
<ion-tabs> <ion-tabs>
<ion-tab title="Tab 1" icon="home"> <ion-tab tabTitle="Tab 1" tabIcon="home" href="/lazy-load-tabs/tabs/(tab1:mustang)">
<ion-router-outlet name="tab1"></ion-router-outlet> <ion-router-outlet name="tab1"></ion-router-outlet>
</ion-tab> </ion-tab>
<ion-tab title="Tab 2" icon="heart"> <ion-tab tabTitle="Tab 2" tabIcon="heart" href="/lazy-load-tabs/tabs/(tab2:camaro)">
<ion-router-outlet name="tab2"></ion-router-outlet> <ion-router-outlet name="tab2"></ion-router-outlet>
</ion-tab> </ion-tab>
<ion-tab title="Tab 3" icon="star"> <ion-tab tabTitle="Tab 3" tabIcon="star" href="/lazy-load-tabs/tabs/(tab3:charger)">
<ion-router-outlet name="tab3"></ion-router-outlet> <ion-router-outlet name="tab3"></ion-router-outlet>
</ion-tab> </ion-tab>