ionic2 - Ionic 2、如何正确使用alert

Question

我正在使用 Ionic 2 进行编程，并且我想在单击按钮时显示弹出警报。

这是我的 home.html 中的代码:

<button (click)='openFilters()'>CLICK</button>

在我家.ts

import {Component} from '@angular/core';
import {Page, NavController, Alert} from 'ionic-angular';

@Component({
  templateUrl: 'build/pages/home/home.html'
})
export class HomePage {
  constructor(nav: NavController, alertCtrl: AlertController) {

  }

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

我已经阅读了一些关于这个主题的 StackOverflow 问题，并尝试像这样实现它:

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

尽管如此，我还是一事无成；我收到错误。

Answer 1

确保导入这个:

import {AlertController} from 'ionic-angular';

并有这样的代码:

constructor(private alertController: AlertController) {

}


openFilters() {
    let alert = this.alertController.create({
        title: 'Example',
        subTitle: 'Example subtitle',
        buttons: ['OK']
    });

    alert.present();
}

Beta 11 发生了变化，似乎在线文档尚未更新，您可以随时进入 node_modules 中的 ionic-angular 文件夹，找到您尝试使用的组件以获取更好的文档示例。