javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-18 19:21:34 +08:00
Code Issues Packages Projects Releases Wiki Activity

Native demo update

Browse Source
This commit is contained in:
Max Lynch
2015-09-14 11:52:09 -05:00
parent 28c8d001e6
commit 5cbed7c25d
4 changed files with 16 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
demos/native/index.ts
View File

@ -1,7 +1,7 @@
import {Component} from 'angular2/angular2'; import {Component} from 'angular2/angular2';
import {Control, ControlGroup} from 'angular2/forms'; import {Control, ControlGroup} from 'angular2/forms';
import {App, Http} from 'ionic/ionic'; import {IonicApp, App, Http} from 'ionic/ionic';
import {Camera, Geolocation, Vibration, Battery, Device} from 'ionic/ionic'; import {Camera, Geolocation, Vibration, Battery, Device} from 'ionic/ionic';
@ -16,8 +16,10 @@ import {VibrationPage} from 'pages/vibration';
@App({ @App({
templateUrl: 'main.html' templateUrl: 'main.html'
}) })
class IonicApp { class MyApp {
constructor() { constructor(app: IonicApp) {
this.app = app;
this.firstPage = CameraPage; this.firstPage = CameraPage;
console.log('First page', CameraPage); console.log('First page', CameraPage);
this.plugins = [ this.plugins = [
@ -30,4 +32,11 @@ class IonicApp {
{title: 'Vibration', page: VibrationPage}, {title: 'Vibration', page: VibrationPage},
] ]
} }
openPage(menu, page) {
menu.close();
let nav = this.app.getComponent('myNav');
nav.setItems([page.page]);
}
} }

4
demos/native/main.html
View File

@ -1,4 +1,4 @@
<ion-menu #menu [content]="content" id="mainMenu"> <ion-menu #menu [content]="content">
<ion-toolbar><ion-title>Plugins</ion-title></ion-toolbar> <ion-toolbar><ion-title>Plugins</ion-title></ion-toolbar>
<ion-content> <ion-content>
<ion-list> <ion-list>
@ -9,4 +9,4 @@
</ion-content> </ion-content>
</ion-menu> </ion-menu>
<ion-nav #content swipe-back-enabled="false" [root]="firstPage"></ion-nav> <ion-nav #content swipe-back-enabled="false" [root]="firstPage" id="myNav"></ion-nav>

2
demos/native/pages/device.ts
View File

@ -7,7 +7,7 @@ import {IonicView} from 'ionic/ionic';
<a menu-toggle> <a menu-toggle>
<icon menu></icon> <icon menu></icon>
</a> </a>
<ion-title>Vibration</ion-title> <ion-title>Device</ion-title>
</ion-navbar> </ion-navbar>
<ion-content class="padding"> <ion-content class="padding">
<h2>Device</h2> <h2>Device</h2>

2
demos/native/pages/geolocation.ts
View File

@ -8,7 +8,7 @@ import {Geolocation} from 'ionic/ionic';
<a menu-toggle> <a menu-toggle>
<icon menu></icon> <icon menu></icon>
</a> </a>
<ion-title>Vibration</ion-title> <ion-title>Geolocation</ion-title>
</ion-navbar> </ion-navbar>
<ion-content class="padding"> <ion-content class="padding">
<h2>Geolocation</h2> <h2>Geolocation</h2>