首页 文章

在Ionic 2中使用Popups

提问于
浏览
1

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

EXCEPTION:TypeError:无法读取[null]中未定义的属性“length”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'
       });
  }
}

一些提示?

2 回答

  • 1

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

  • 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();
    }
    

    有关更多示例,请参阅official docs,例如ConfirmAlert,PromptAlert等 .

相关问题