Ionic: Использование AlertController

В этой заметке я расскажу как использовать AlertController в своих приложениях. Это обычное модальное диалоговое окно.


Сначала нам нужно импортировать AlertController в свой модуль (класс, вид):

import {
  AlertController
} from 'ionic-angular';

Далее определить его в конструкторе:

constructor(public alertCtrl: AlertController) {
    // TODO: ...
}

Код ниже создает простйший экземпляр окна c двумя кнопками:

let alert = this.alertCtrl.create({
    title: 'Подтверждение',
    message: 'Удалить запись?',
    buttons: [
	{
            text: 'Нет',
            handler: () => {
               // Обработчик кнопки
            }
	}, 
	{
            text: 'Да',
            handler: () => {
               // Обработчик кнопки
            }
	}
    ]
});
alert.present();
Если обработчик кнопки пуст, то при нажатии на кнопку окно будет закрыто.

Кнопок может быть больше или меньше, все они перечисляются в параметрe buttons.


Про другие опции и свойства лучшее почитать в документации Ionic.