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

に、私はこのトピックに関するいくつかの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(); 
} 

物事はベータ版11に変更されている、およびオンライン・ドキュメントがまだ更新されていないかのように思えるがnode_modulesのionic-angularフォルダに入って、より良い文書の例として使用しようとしているコンポーネントを見つけることができます。