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

docs(demos): update modal demo

Browse Source
This commit is contained in:
Drew Rygh
2015-11-25 11:26:43 -06:00
parent 90e136ec77
commit 7fd1486475
2 changed files with 12 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
demos/modal/index.ts
View File

@ -1,4 +1,4 @@
import {App, IonicView, IonicApp, Config, Platform} from 'ionic/ionic'; import {App, Page, IonicApp, Config, Platform} from 'ionic/ionic';
import {Modal, ActionSheet, NavController, NavParams, Animation} from 'ionic/ionic'; import {Modal, ActionSheet, NavController, NavParams, Animation} from 'ionic/ionic';
@ -39,7 +39,7 @@ class MyAppCmp {
} }
} }
@IonicView({ @Page({
template: '<ion-nav [root]="rootView"></ion-nav>' template: '<ion-nav [root]="rootView"></ion-nav>'
}) })
export class ContactModal { export class ContactModal {
@ -71,7 +71,7 @@ export class ContactModal {
} }
@IonicView({ @Page({
template: ` template: `
<ion-navbar *navbar><ion-title>First Page Header</ion-title><ion-nav-items primary><button (click)="closeModal()">Close</button></ion-nav-items></ion-navbar> <ion-navbar *navbar><ion-title>First Page Header</ion-title><ion-nav-items primary><button (click)="closeModal()">Close</button></ion-nav-items></ion-navbar>
<ion-content padding> <ion-content padding>
@ -82,7 +82,7 @@ export class ContactModal {
<button (click)="openActionSheet()">Open Action Sheet</button> <button (click)="openActionSheet()">Open Action Sheet</button>
</p> </p>
<p> <p>
<button (click)="closeByHandeModal()">Close By Handle</button> <button (click)="closeByHandleModal()">Close By Handle</button>
</p> </p>
<f></f><f></f><f></f><f></f><f></f><f></f><f></f><f></f><f></f><f></f> <f></f><f></f><f></f><f></f><f></f><f></f><f></f><f></f><f></f><f></f>
<f></f><f></f><f></f><f></f><f></f><f></f><f></f><f></f><f></f><f></f> <f></f><f></f><f></f><f></f><f></f><f></f><f></f><f></f><f></f><f></f>
@ -109,7 +109,8 @@ export class ModalFirstPage {
modal.close(); modal.close();
} }
closeByHandeModal() { closeByHandleModal() {
debugger;
let modal = this.modal.get('my-awesome-modal'); let modal = this.modal.get('my-awesome-modal');
modal.close(); modal.close();
} }
@ -141,7 +142,7 @@ export class ModalFirstPage {
} }
@IonicView({ @Page({
template: ` template: `
<ion-navbar *navbar><ion-title>Second Page Header</ion-title></ion-navbar> <ion-navbar *navbar><ion-title>Second Page Header</ion-title></ion-navbar>
<ion-content padding> <ion-content padding>

5
demos/modal/main.html
View File

@ -1,4 +1,9 @@
<ion-navbar *navbar>
<ion-title>Modals</ion-title>
</ion-navbar>
<ion-content padding> <ion-content padding>
<button (click)="openModal()">Open Modal</button> <button (click)="openModal()">Open Modal</button>
</ion-content> </ion-content>
<ion-overlay></ion-overlay>