Question

我有一个使用 ngbModal 的组件向我的数据库添加一些东西，问题是当Modal关闭并且POST操作发生时，我找不到刷新我父母页面上显示的数据的方法＆＃34; （在父组件上我有一个加载数据的订阅），

那么有什么方法可以在关闭模态后动态刷新这些数据？

或者有没有办法在两个组件之间绑定数据？这样当一个数据被改变时，另一个数据就会改变。

这是打开模态（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;
   },)}

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

Answer 1

constructor(private location:Location) {} 

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

Answer 2

您可以在$scope.$parent.$location.reload()方法中执行closeModel()。如果您发布打开和穿着模型的代码，我可以帮助您更好。

NgbModal关闭后刷新页面

2 个答案: