Ionic2 Modal won't show


Hi there,

I have a problem with my Modal, where it not shown but only pop the path of the templateUrl, I don’t know why I have this “bug”, everything seems to works properly, the content behind is have no longer interaction :confused:
Can someone help me with it ? Here is the code I use for my modal :

		<ion-buttons start>
			<button ion-button (click)="dismiss()">
        <span color="primary" showWhen="ios">Cancel</span>
        <ion-icon name="md-close" showWhen="android,windows"></ion-icon>

			Rendez-vous exemple
			Lorem ipsum

The code of my controller :

import { Component } from '@angular/core';
import { ViewController } from 'ionic-angular';

  template: 'createDate.component.html'

export class CreateDateComponent {
  constructor(public viewController: ViewController) {}

  dismiss() {


And my NavController who is in charge to show the modal :

import { Component } from '@angular/core';
import { Geolocation } from 'ionic-native';
import { NavController, ToastController, ModalController } from 'ionic-angular';
import { CreateDateComponent } from '../createDate/createDate.component';

  selector: 'dating',
  templateUrl: 'dating.component.html'

export class DatingComponent {

  constructor(public navCtrl: NavController, public toastController: ToastController, public modalController: ModalController) {

    Geolocation.getCurrentPosition().then((response) => {
    }).catch((error) => {

    let watch = Geolocation.watchPosition();
    watch.subscribe((data) => {

  presentGeolocationError() {
    let toastGeolocationError = this.toastController.create({
      message: "Impossible de récupérer votre position",
      duration: 3000

  presentCreateDateModal() {
    let createDateModal = this.modalController.create(CreateDateComponent);


Here you can see that only the url path is shown but nothing else :confused:

Thanks in advance for your answer :slight_smile:


Oh! Totally missed it. In your @Component decorator declaration, change template: to templateUrl: