javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-20 12:29:55 +08:00
Code Issues Packages Projects Releases Wiki Activity

docs(nav): move a template to separate file in nav/basic

Browse Source
This commit is contained in:
Dan Bucholtz
2017-03-03 15:08:30 -06:00
parent 25f942e70f
commit 3b43a872a6
2 changed files with 56 additions and 56 deletions
Download Patch File Download Diff File Expand all files Collapse all files

55
src/components/nav/test/basic/pages/first-page/first-page.html Normal file
View File

@ -0,0 +1,55 @@
<ion-header>
<ion-navbar>
<ion-title>{{title}}</ion-title>
<ion-buttons start>
<button ion-button icon-only><ion-icon name="star"></ion-icon></button>
</ion-buttons>
<ion-buttons end>
<button ion-button>S1g</button>
</ion-buttons>
</ion-navbar>
</ion-header>
<ion-content>
<div padding>
<p>ionViewCanEnter ({{called.ionViewCanEnter}})</p>
<p>ionViewCanLeave ({{called.ionViewCanLeave}})</p>
<p>ionViewWillLoad ({{called.ionViewWillLoad}})</p>
<p>ionViewDidLoad ({{called.ionViewDidLoad}})</p>
<p>ionViewWillEnter ({{called.ionViewWillEnter}})</p>
<p>ionViewDidEnter ({{called.ionViewDidEnter}})</p>
<p>ionViewWillLeave ({{called.ionViewWillLeave}})</p>
<p>ionViewDidLeave ({{called.ionViewDidLeave}})</p>
<my-cmp></my-cmp>
</div>
<ion-list>
<ion-list-header>
{{title}}
</ion-list-header>
<ion-item class="e2eFrom1To2" (click)="pushFullPage()">Push to FullPage</ion-item>
<button ion-item (click)="pushPrimaryHeaderPage()">Push to PrimaryHeaderPage</button>
<button ion-item (click)="pushRedirect()">Push to Redirect</button>
<button ion-item (click)="pushTabsPage()">Push to Tabs Page</button>
<button ion-item (click)="pushAnother()">Push to AnotherPage</button>
<button ion-item navPush="full-page">Push FullPage w/ navPush="full-page"</button>
<button ion-item [navPush]="pushPage" [navParams]="{id:40}">Push w/ [navPush] and [navParams]</button>
<button ion-item navPush="first-page">Push w/ navPush="first-page"</button>
<button ion-item (click)="setPages()">setPages() (Go to PrimaryHeaderPage)</button>
<button ion-item (click)="setRoot()">setRoot(PrimaryHeaderPage) (Go to PrimaryHeaderPage)</button>
<button ion-item (click)="pop()">Pop</button>
<ion-item>
<ion-label>Text Input</ion-label>
<ion-textarea></ion-textarea>
</ion-item>
<ion-item>
<ion-label>Toggle Can Leave</ion-label>
<ion-toggle (click)="canLeave = !canLeave"></ion-toggle>
</ion-item>
<button ion-item (click)="viewDismiss()">View Dismiss</button>
<button ion-item (click)="quickPush()">New push during transition</button>
<button ion-item (click)="quickPop()">New pop during transition</button>
<button ion-item (click)="reload()">Reload</button>
<button ion-item (click)="scrollToBottom()">Scroll to bottom</button>
<button ion-item *ngFor="let i of pages" (click)="pushPrimaryHeaderPage()">Page {{i}}</button>
<button ion-item (click)="content.scrollToTop()">Scroll to top</button>
</ion-list>
</ion-content>

57
src/components/nav/test/basic/pages/first-page/first-page.ts
View File

@ -4,62 +4,7 @@ import { AlertController, Content, NavController, ViewController } from '../../.
import { MyCmpTest } from './my-component';
@Component({
template: `
<ion-header>
<ion-navbar>
<ion-title>{{title}}</ion-title>
<ion-buttons start>
<button ion-button icon-only><ion-icon name="star"></ion-icon></button>
</ion-buttons>
<ion-buttons end>
<button ion-button>S1g</button>
</ion-buttons>
</ion-navbar>
</ion-header>
<ion-content>
<div padding>
<p>ionViewCanEnter ({{called.ionViewCanEnter}})</p>
<p>ionViewCanLeave ({{called.ionViewCanLeave}})</p>
<p>ionViewWillLoad ({{called.ionViewWillLoad}})</p>
<p>ionViewDidLoad ({{called.ionViewDidLoad}})</p>
<p>ionViewWillEnter ({{called.ionViewWillEnter}})</p>
<p>ionViewDidEnter ({{called.ionViewDidEnter}})</p>
<p>ionViewWillLeave ({{called.ionViewWillLeave}})</p>
<p>ionViewDidLeave ({{called.ionViewDidLeave}})</p>
<my-cmp></my-cmp>
</div>
<ion-list>
<ion-list-header>
{{title}}
</ion-list-header>
<ion-item class="e2eFrom1To2" (click)="pushFullPage()">Push to FullPage</ion-item>
<button ion-item (click)="pushPrimaryHeaderPage()">Push to PrimaryHeaderPage</button>
<button ion-item (click)="pushRedirect()">Push to Redirect</button>
<button ion-item (click)="pushTabsPage()">Push to Tabs Page</button>
<button ion-item (click)="pushAnother()">Push to AnotherPage</button>
<button ion-item navPush="full-page">Push FullPage w/ navPush="full-page"</button>
<button ion-item [navPush]="pushPage" [navParams]="{id:40}">Push w/ [navPush] and [navParams]</button>
<button ion-item navPush="first-page">Push w/ navPush="first-page"</button>
<button ion-item (click)="setPages()">setPages() (Go to PrimaryHeaderPage)</button>
<button ion-item (click)="setRoot()">setRoot(PrimaryHeaderPage) (Go to PrimaryHeaderPage)</button>
<button ion-item (click)="pop()">Pop</button>
<ion-item>
<ion-label>Text Input</ion-label>
<ion-textarea></ion-textarea>
</ion-item>
<ion-item>
<ion-label>Toggle Can Leave</ion-label>
<ion-toggle (click)="canLeave = !canLeave"></ion-toggle>
</ion-item>
<button ion-item (click)="viewDismiss()">View Dismiss</button>
<button ion-item (click)="quickPush()">New push during transition</button>
<button ion-item (click)="quickPop()">New pop during transition</button>
<button ion-item (click)="reload()">Reload</button>
<button ion-item (click)="scrollToBottom()">Scroll to bottom</button>
<button ion-item *ngFor="let i of pages" (click)="pushPrimaryHeaderPage()">Page {{i}}</button>
<button ion-item (click)="content.scrollToTop()">Scroll to top</button>
</ion-list>
</ion-content>`
templateUrl: 'first-page.html'
})
export class FirstPage {