angular - 如何从 Modal 调用父方法

Question

是否有可能以某种方式调用调用模态的 Controller 方法？

基本上我有一个主页，我在其中调用了 UserInfoModal。我能以某种方式从 UserInfoModal 调用 HomePage.changeStatus 吗？

家长:

@Component({
   selector: 'page-home',
   templateUrl: 'HomePage .html',
})

export class HomePage {
   ...
   createModal() {
      let myModal = this.modalCtrl.create(UserInfoModal, item, 
                                         this.supervisor);
      myModal.present();
   }

   changeStatus(item) {
      ...
   }
}

模态:

@Component({
   templateUrl: 'UserInfoModal.html',
   selector: 'userinfo-modal'
})

export class UserInfoModal{
   ...
   changeParentStatus() {
      // call 'changeStatus()' from parent
   }
}

Answer 1

@JeffHuijsmans 在评论中是正确的。您可以使用 NavParams 将函数作为参数传递并调用它。

@Component({
   selector: 'page-home',
   templateUrl: 'HomePage .html',
})

    export class HomePage {
       ...
       createModal() {
          let myModal = this.modalCtrl.create(UserInfoModal, {item: item, 
                                             supervisor: this.supervisor,change:this.changeStatus.bind(this)});
          myModal.present();
       }

       changeStatus(item) {
          ...
       }
    }

在模态中，

export class UserInfoModal{
    changeStatus:any;
   constructor(private navParams:NavParams){
     this.changeStatus =  this.navParams.get("change");
   }
   ...
   changeParentStatus() {
      this.changeStatus();
   }
}