javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-11-03 19:43:27 +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 { FrameworkDelegate, attachComponent } from '../../utils/framework-delegate';
@Component({
tag: 'ion-tab'
@ -13,6 +14,7 @@ export class Tab {
@Prop({ mutable: true }) active = false;
@Prop() btnId: string;
@Prop() delegate: FrameworkDelegate;
/**
* The title of the tab.
@ -104,16 +106,15 @@ export class Tab {
}
@Method()
setActive(): Promise<void> {
return this.prepareLazyLoaded().then(() => {
this.active = true;
});
async setActive(): Promise<void> {
await this.prepareLazyLoaded();
this.active = true;
}
private prepareLazyLoaded(): Promise<HTMLElement|void> {
if (!this.loaded && this.component) {
this.loaded = true;
return attachViewToDom(this.el, this.component);
return attachComponent(this.delegate, this.el, this.component, ['ion-page']);
}
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);
}