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

perf(tabs): render tab navbar at same time of tab content

Browse Source
This commit is contained in:
Adam Bradley
2016-02-04 23:08:52 -06:00
parent e8f1b164d6
commit 687a17bcd2
4 changed files with 29 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
ionic/components/navbar/navbar.ts
View File

@@ -106,6 +106,7 @@ class ToolbarBackground {
'</div>',
host: {
'[hidden]': '_hidden',
'[class.show-tab-navbar]': '_showNavbar',
'class': 'toolbar'
},
directives: [BackButton, BackButtonText, Icon, ToolbarBackground]
@@ -117,6 +118,7 @@ export class Navbar extends ToolbarBase {
private _bbRef: ElementRef;
private _bbtRef: ElementRef;
private _bgRef: ElementRef;
private _showNavbar: boolean;
/**
* @private
@@ -211,8 +213,14 @@ export class Navbar extends ToolbarBase {
/**
* @private
*/
setHidden(isHidden) {
this._hidden = isHidden
setHidden(isHidden: boolean) {
// used to display none/block the navbar
this._hidden = isHidden;
// on the very first load, the navbar may load quicker than
// the tab content, which looks weird. This makes sure that
// the tab's navbar doesn't show before the tab has fully loaded
this._showNavbar = !isHidden;
}
}