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

chore(templates): import required directives for ionic templates

Browse Source
This commit is contained in:
Adam Bradley
2016-07-01 00:59:37 -05:00
parent 009d5a980a
commit 656426672c
27 changed files with 266 additions and 217 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
src/components/navbar/navbar.ts
View File

@ -2,6 +2,7 @@ import { Component, Directive, ElementRef, forwardRef, Inject, Input, Optional }
import { App } from '../app/app';
import { Config } from '../../config/config';
import { Icon } from '../icon/icon';
import { Ion } from '../ion';
import { isTrueProperty } from '../../util/util';
import { NavController } from '../nav/nav-controller';
@ -94,28 +95,29 @@ class ToolbarBackground {
*/
@Component({
selector: 'ion-navbar',
template:
'<div class="toolbar-background"></div>' +
'<button category="bar-button" class="back-button" [hidden]="_hideBb">' +
'<span class="button-inner">' +
'<ion-icon class="back-button-icon" [name]="_bbIcon"></ion-icon>' +
'<span class="back-button-text">' +
'<span class="back-default">{{_bbText}}</span>' +
'</span>' +
'</span>' +
'</button>' +
'<ng-content select="[menuToggle],ion-buttons[left]"></ng-content>' +
'<ng-content select="ion-buttons[start]"></ng-content>' +
'<ng-content select="ion-buttons[end],ion-buttons[right]"></ng-content>' +
'<div class="toolbar-content">' +
'<ng-content></ng-content>' +
'</div>',
template: `
<div class="toolbar-background"></div>
<button category="bar-button" class="back-button" [hidden]="_hideBb">
<span class="button-inner">
<ion-icon class="back-button-icon" [name]="_bbIcon"></ion-icon>
<span class="back-button-text">
<span class="back-default">{{_bbText}}</span>
</span>
</span>
</button>
<ng-content select="[menuToggle],ion-buttons[left]"></ng-content>
<ng-content select="ion-buttons[start]"></ng-content>
<ng-content select="ion-buttons[end],ion-buttons[right]"></ng-content>
<div class="toolbar-content">
<ng-content></ng-content>
</div>
`,
directives: [BackButton, BackButtonText, Icon, ToolbarBackground],
host: {
'[hidden]': '_hidden',
'class': 'toolbar',
'[class.statusbar-padding]': '_sbPadding'
},
directives: [BackButton, BackButtonText, ToolbarBackground]
}
})
export class Navbar extends ToolbarBase {
private _bbIcon: string;