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

nav wip

Browse Source
This commit is contained in:
Adam Bradley
2015-05-12 21:15:54 -05:00
parent 7f9384be8d
commit 0e63850a8f
6 changed files with 24 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
ionic/components/nav/nav.js
View File

@ -17,13 +17,13 @@ import {ToolbarContainer} from 'ionic/components/toolbar/toolbar';
})
@View({
template: `
<header class="toolbar-container">
<header class="toolbar-container" style="display:none">
<header-container></header-container>
</header>
<section class="nav-item-container">
<content-container></content-container>
</section>
<footer class="toolbar-container">
<footer class="toolbar-container" style="display:none">
<footer-container></footer-container>
</footer>
`,
@ -44,17 +44,19 @@ export class Nav extends NavBase {
}
@Directive({
@Component({
selector: 'header-container'
})
class HeaderContainer {
constructor(@Ancestor() nav: Nav) {
nav.itemHeader = this;
constructor(@Ancestor() nav: Nav, elementRef: ElementRef) {
nav.itemHeader = {
elementRef: elementRef
};
}
}
@Directive({
@Component({
selector: 'content-container'
})
class ContentContainer {
@ -66,11 +68,13 @@ class ContentContainer {
}
@Directive({
@Component({
selector: 'footer-container'
})
class FooterContainer {
constructor(@Ancestor() nav: Nav) {
nav.footerContainer = this;
constructor(@Ancestor() nav: Nav, elementRef: ElementRef) {
nav.footerContainer = {
elementRef: elementRef
};
}
}