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

toolbar thingz

Browse Source
This commit is contained in:
Adam Bradley
2015-05-14 10:01:16 -05:00
parent aef4f23d0a
commit 69f08ef3f6
8 changed files with 56 additions and 45 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
ionic/components/nav/test/basic/pages/first-page.html
View File

@@ -1,14 +1,14 @@
<div *ion-header>
<ion-toolbar *header>
<h1 class="toolbar-title">First Page: Instance {{ val }}</h1>
<ion-title>First Page: {{ val }}</ion-title>
</div>
</ion-toolbar>
<ion-content class="padding" style="background:lightblue">
<p>First Page: Instance {{ val }}</p>
<p>First Page: {{ val }}</p>
<p>
<button (click)="push()">Push (Go to 2nd)</button>

4
ionic/components/nav/test/basic/pages/first-page.js
View File

@@ -1,14 +1,14 @@
import {Component, Directive} from 'angular2/src/core/annotations_impl/annotations';
import {View} from 'angular2/src/core/annotations_impl/view';
import {NavController, Header} from 'ionic/ionic';
import {NavController, Header, Toolbar, ToolbarTitle} from 'ionic/ionic';
import {SecondPage} from './second-page';
@Component({selector: 'ion-view'})
@View({
templateUrl: 'pages/first-page.html',
directives: [Header]
directives: [Header, ToolbarTitle, Toolbar]
})
export class FirstPage {
constructor(

6
ionic/components/nav/test/basic/pages/second-page.html
View File

@@ -1,9 +1,9 @@
<div *ion-header>
<ion-toolbar *header>
<h1 class="toolbar-title">Second Page</h1>
<ion-title>Second Page</ion-title>
</div>
</ion-toolbar>
<ion-content class="padding" style="background:green">

4
ionic/components/nav/test/basic/pages/second-page.js
View File

@@ -1,14 +1,14 @@
import {Component, Directive} from 'angular2/src/core/annotations_impl/annotations';
import {View} from 'angular2/src/core/annotations_impl/view';
import {NavController, NavParams, Header} from 'ionic/ionic';
import {NavController, NavParams, Header, ToolbarTitle, Toolbar} from 'ionic/ionic';
import {ThirdPage} from './third-page';
@Component()
@View({
templateUrl: 'pages/second-page.html',
directives: [Header]
directives: [Header, ToolbarTitle, Toolbar]
})
export class SecondPage {
constructor(

6
ionic/components/nav/test/basic/pages/third-page.html
View File

@@ -1,9 +1,9 @@
<div *ion-header>
<ion-toolbar *header>
<h1 class="toolbar-title">Third Page</h1>
<ion-title>Third Page</ion-title>
</div>
</ion-toolbar>
<ion-content class="padding" style="background:yellow">

4
ionic/components/nav/test/basic/pages/third-page.js
View File

@@ -1,13 +1,13 @@
import {Component, Directive} from 'angular2/src/core/annotations_impl/annotations';
import {View} from 'angular2/src/core/annotations_impl/view';
import {NavController, Header} from 'ionic/ionic';
import {NavController, Header, ToolbarTitle, Toolbar} from 'ionic/ionic';
@Component()
@View({
templateUrl: 'pages/third-page.html',
directives: [Header]
directives: [Header, ToolbarTitle, Toolbar]
})
export class ThirdPage {
constructor(