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

feat(tab): framework support

Browse Source
This commit is contained in:
Manu Mtz.-Almeida
2018-03-24 03:25:43 +01:00
parent 44f343d3dc
commit 48d1bd412c
1 changed files with 6 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
core/src/components/tab/tab.tsx
View File

@ -1,4 +1,5 @@
import { Build, Component, Element, Event, EventEmitter, Method, Prop, State, Watch } from '@stencil/core'; import { Build, Component, Element, Event, EventEmitter, Method, Prop, State, Watch } from '@stencil/core';
import { FrameworkDelegate, attachComponent } from '../../utils/framework-delegate';
@Component({ @Component({
tag: 'ion-tab' tag: 'ion-tab'
@ -13,6 +14,7 @@ export class Tab {
@Prop({ mutable: true }) active = false; @Prop({ mutable: true }) active = false;
@Prop() btnId: string; @Prop() btnId: string;
@Prop() delegate: FrameworkDelegate;
/** /**
* The title of the tab. * The title of the tab.
@ -104,16 +106,15 @@ export class Tab {
} }
@Method() @Method()
setActive(): Promise<void> { async setActive(): Promise<void> {
return this.prepareLazyLoaded().then(() => { await this.prepareLazyLoaded();
this.active = true; this.active = true;
});
} }
private prepareLazyLoaded(): Promise<HTMLElement|void> { private prepareLazyLoaded(): Promise<HTMLElement|void> {
if (!this.loaded && this.component) { if (!this.loaded && this.component) {
this.loaded = true; this.loaded = true;
return attachViewToDom(this.el, this.component); return attachComponent(this.delegate, this.el, this.component, ['ion-page']);
} }
return Promise.resolve(); return Promise.resolve();
} }
@ -128,15 +129,4 @@ export class Tab {
} }
}; };
} }
}
function attachViewToDom(container: HTMLElement, cmp: string): Promise<HTMLElement> {
const el = document.createElement(cmp) as HTMLStencilElement;
el.classList.add('ion-page');
container.appendChild(el);
if (el.componentOnReady) {
return el.componentOnReady();
}
return Promise.resolve(el);
} }