Ich versuche zu testen, eine Anzeige in Ionic 2 nach der example on the website Anzeige, aber ich bekomme die modale Anzeige als graue Überlagerung ohne Inhalt. (wie auf dem Bild zu sehen). Das Projekt wurde erstellt mit ionic start demo1 sidemenu --v2
Ionic 2 Modal wird nicht korrekt angezeigt
Ich möchte nur das Modal anzeigen, wenn Sie auf die Schaltfläche klicken.
aufrufen Seite ...
import { Component } from '@angular/core';
import { ModalController } from 'ionic-angular';
import { MyModal } from './modal/modal'
@Component({
selector: 'page-page1',
templateUrl: 'page1.html'
})
export class Page1 {
constructor(public modalCtrl: ModalController) {
}
presentModal() {
let myModal = this.modalCtrl.create(MyModal);
myModal.present();
}
}
Modal Seite ...
import { Component } from '@angular/core';
import { NavParams, ViewController } from 'ionic-angular';
@Component({
template: `
<ion-content>
<h1>Hello</h1>
</ion-content>>
`
})
export class MyModal {
constructor(public viewCtrl: ViewController, private params: NavParams) {
}
}
Dies wie dies in Chrome und MS Edge rendeing. Der Graubereich verschwindet jedoch, wenn das Fenster auf eine bestimmte Größe reduziert wird, aber immer noch kein Inhalt.
Gibt es etwas, das ich vermisse oder ist das ein bekanntes Problem?