Ionic 2，如何正確使用警報

Question

我使用Ionic 2進行編程，並且我想在單擊按鈕時顯示彈出警報。

這是代碼在我home.html的：

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

在我home.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(); 
    } 
} 

我讀過一些關於這個論題計算器的問題，並試圖像這樣執行它：

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

事情已經有測試版11變，它好像在在線文檔尚未更新，您可以隨時進入node_modules中的ionic-angular文件夾，並找到您正嘗試使用的組件以獲得更好的文檔。