Modal with a bit of magic

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

View File

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

View File

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