警报控制器未按预期响应

Question

我有以下.ts文件：

// all imports are made.

export class Alert {
     alertPresent(){
    let alert = this.alertCtrl.create({
        title: 'Hello',
        message: 'Alert Controller',
        buttons: [{
            text: 'OK',
            role: 'cancel'
        }]
    });
    alert.present();
}}

.TS

import {NgModule, ErrorHandler} from '@angular/core';

class MyErrorHandler implements ErrorHandler {

constructor(public alert:Alert)
  handleError(error) {
    // do something with the exception
    this.alert.alertPresent();
  }
}

当我点击使用警报控制器发出警告框的按钮时，仅当我再次点击屏幕上的其他位置时，警报框才会出现。单击按钮上的第一次时，它不会显示警告框。

为什么会这样？

请忽略拼写错误和语法错误。