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

feat(tabs): add change event

Browse Source
This commit is contained in:
Adam Bradley
2015-12-21 10:45:01 -06:00
parent 0dd6b2f4bd
commit 6c4dced0b6
3 changed files with 9 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
ionic/components/tabs/tabs.ts
View File

@ -1,4 +1,5 @@
import {Directive, ElementRef, Optional, Host, forwardRef, ViewContainerRef, HostListener} from 'angular2/core'; import {Directive, ElementRef, Optional, Host, forwardRef, ViewContainerRef, HostListener} from 'angular2/core';
import {EventEmitter, Output} from 'angular2/core';
import {NgFor, NgIf} from 'angular2/common'; import {NgFor, NgIf} from 'angular2/common';
import {Ion} from '../ion'; import {Ion} from '../ion';
@ -68,6 +69,8 @@ import {rafFrames} from '../../util/dom';
] ]
}) })
export class Tabs extends Ion { export class Tabs extends Ion {
@Output() change: EventEmitter<any> = new EventEmitter();
/** /**
* Hi, I'm "Tabs". I'm really just another Page, with a few special features. * Hi, I'm "Tabs". I'm really just another Page, with a few special features.
* "Tabs" can be a sibling to other pages that can be navigated to, which those * "Tabs" can be a sibling to other pages that can be navigated to, which those
@ -163,6 +166,7 @@ export class Tabs extends Ion {
selectedTab.load(opts, () => { selectedTab.load(opts, () => {
selectedTab.emitSelect(); selectedTab.emitSelect();
this.change.emit(selectedTab);
if (selectedTab.root) { if (selectedTab.root) {
// only show the selectedTab if it has a root // only show the selectedTab if it has a root

4
ionic/components/tabs/test/advanced/index.ts
View File

@ -63,6 +63,10 @@ class TabsPage {
console.log('Chat clicked!'); console.log('Chat clicked!');
this.modal.open(ChatPage); this.modal.open(ChatPage);
} }
onTabChange() {
console.log('onTabChange');
}
} }

2
ionic/components/tabs/test/advanced/tabs.html
View File

@ -1,5 +1,5 @@
<ion-tabs preloadTabs="false"> <ion-tabs preloadTabs="false" (change)="onTabChange()">
<ion-tab tabTitle="Recents" tabIcon="call" [root]="tab1Root"></ion-tab> <ion-tab tabTitle="Recents" tabIcon="call" [root]="tab1Root"></ion-tab>
<ion-tab tabTitle="Favorites" tabIcon="star" [root]="tab2Root"></ion-tab> <ion-tab tabTitle="Favorites" tabIcon="star" [root]="tab2Root"></ion-tab>
<ion-tab tabTitle="Settings" tabIcon="settings" [root]="tab3Root"></ion-tab> <ion-tab tabTitle="Settings" tabIcon="settings" [root]="tab3Root"></ion-tab>