cordova - 在 Ionic 2 中使用弹出窗口

Question

单击按钮后尝试显示警报弹出窗口时出现以下错误：

异常：TypeError：无法读取 [null] 中未定义的属性“长度”原始异常：TypeError：无法读取未定义的属性“长度”

这是我的代码：

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

对于那些在 >=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();
}

有关ConfirmAlert、PromptAlert 等更多示例，请参阅官方文档。

Answer 2

这是 Ionic2 版本的错误。更新到版本 alpha 37 后按预期工作。