NgbModal关闭后刷新页面

问题描述 投票:0回答:2

我有一个使用 ngbModal 向我的数据库添加一些内容的组件,问题是当模态关闭并且发生 POST 操作时,我找不到刷新“我的”上显示的数据的方法父页面”(在父组件上我有一个加载数据的订阅),

那么有没有办法在关闭模态后动态刷新这些数据呢?

或者有没有办法在两个组件之间绑定数据?这样,当其中一个上的数据发生更改时,另一个上的数据也会发生变化。

这是打开模式的按钮(

lgModalShow()
),在这个组件中我调用数据,

<button class="btn btn-success" (click)="lgModalShow()">Modal</button>

lgModalShow() {
const activeModal = this.modalService.open(DefaultModal, {size: 'lg'});
activeModal.componentInstance.modalHeader = 'Large Modal';  
}


this.service.getData(this.url)
  .subscribe(data => {
    this.data = data;
    },)

在 DefaultModal 中我添加新数据:

add(): void {
this.service.create(Object)
  .subscribe(data => {
    this.data = data;
   },)}

这些只是代码的重要片段,问题是我不知道在我的模态中添加第一个组件后如何刷新数据。

angular modal-dialog bootstrap-modal
2个回答
0
投票
constructor(private location:Location) {} 

closeModal() : void {
 this.location.reload();
} 

0
投票

您可以在

$scope.$parent.$location.reload()
方法中执行
closeModel()
。如果您发布如何打开模型并给模型穿上衣服的代码,我可以更好地帮助您。

© www.soinside.com 2019 - 2024. All rights reserved.