Typescript ViewController属性在根组件中不起作用

在根组件中使用viewCtrl关闭modalCtrl时，我遇到以下错误

MyApp_Host.ngfactory.js? [sm]:1 ERROR TypeError: Cannot read property 'dismiss' of undefined

/*****app.component.ts

 import { Component, ViewChild } from '@angular/core';
    import {ModalController, ViewController} from 'ionic-angular';

    @Component({
      templateUrl: 'app.html'
    })
    export class MyApp {
      @ViewChild('ViewController') viewCtrl: ViewController;

      constructor() {

        this.initializeApp();

      }

      initializeApp() {

        let profileModal = this.modalCtrl.create(HomePage);
        profileModal.present();
         setTimeout(function() {
            this.viewCtrl.dismiss();
          }, 2000);

      }

有两种方法

在模式（主页）中放置超时和解除。 范例

在您的modal应用程序的

覆盖

上使用Dismission。 范例

  ionViewDidLoad() {
    setTimeout( () => {
      this.viewCtrl.dismiss();
      }, 2000);
  }

     let modal = this.modalCtrl.create(HomePage);
     modal.present();
     setTimeout(function() {
         modal.overlay.dismiss();
     }, 2000);