Question

我在点击按钮后尝试显示警告弹出窗口时出现以下错误：

EXCEPTION：TypeError：无法读取未定义的属性“length” [null] ORIGINAL EXCEPTION：TypeError：无法读取属性'length' 未定义

这是我的代码：

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

对于那些在＆gt; = 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等。

在Ionic 2中使用Popups

2 个答案: