首页 文章

NgbModal关闭后刷新页面

提问于
浏览 次
2

我有一个组件使用 ngbModal 向我的数据库添加一些东西，问题是当Modal关闭并且POST动作发生时，我找不到一种方法来刷新我的"parent page"上显示的数据（在父组件我有一个加载数据的订阅），

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

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

这是打开模态（ 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

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

    回复于

相关问题