Использование Popups в ионическом 2

Question

У меня есть ошибка ниже, когда я пытаюсь показать уведомление всплывающее окно После нажатия на кнопку:

EXCEPTION: TypeError: Cannot read property 'length' of undefined in [null] ORIGINAL EXCEPTION: TypeError: Cannot read property 'length' of undefined

Это мой код:

popups.html:

<ion-content padding class="getting-started"> 

    <button primary (click)="showAlertPopup()">Alert</button> 

</ion-content> 

popups.js

import {Page, NavController, Popup} from 'ionic/ionic'; 

@Page({ 
    templateUrl: 'app/popups/popups.html' 
}) 

export class PopupsPage { 
    constructor(nav: NavController, popup: Popup) { 
     this.nav = nav; 
     this.popup = popup; 
    } 

    showAlertPopup(){ 
     this.popup.alert({ 
      title: 'Ionic Popup', 
      template: 'This is alert popup' 
     }); 
    } 
} 

Какой-то совет?

Answer 1

это была ошибка с версией Ionic2. Работа как ожидалось после обновления до версии alpha 37.

Answer 2

Для тех, кто посещает этот вопрос в> = 2017, вы должны использовать AlertController.

Пример:

import { AlertController } from 'ionic-angular'; 

constructor(private alertCtrl: AlertController) { 

} 

presentAlert() { 
    let alert = this.alertCtrl.create({ 
     title: 'Low battery', 
     subTitle: '10% of battery remaining', 
     buttons: ['Dismiss'] 
    }); 
    alert.present(); 
} 

См official docs дополнительные примеры, как ConfirmAlert, PromptAlert и т.д.