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

Modal with a bit of magic

Browse Source
This commit is contained in:
Max Lynch
2015-05-29 15:48:29 -05:00
parent db4343da63
commit 42bcdafac8
2 changed files with 2 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
ionic/components/modal/modal.js
View File

@ -90,7 +90,7 @@ export class Modal {
return this.componentLoader.loadIntoNewLocation(ModalContainer, this.elementRef).then((containerRef) => {
var modalEl = this.domRenderer.getHostElement(containerRef.hostView.render);
document.body.appendChild(modalEl);
document.body.querySelector('ion-app').appendChild(modalEl);
this.modalElement = modalEl;

6
ionic/components/modal/test/basic/index.js
View File

@ -63,11 +63,7 @@ export class ContactModal {
@Component({selector: 'ion-view'})
@View({
template: `
<ion-navbar *navbar><ion-title>First Page Header: {{ val }}</ion-title></ion-navbar>
<ion-nav-items side="primary">
<button primary class="button" (click)="closeModal()">Close</button>
</ion-nav-items>
<ion-navbar *navbar><ion-title>First Page Header: {{ val }}</ion-title><ion-nav-items primary><button primary class="button" (click)="closeModal()">Close</button></ion-nav-items></ion-navbar>
<ion-content class="padding">