2017-05-29 182 views
0

我有一个组件使用ngbModal添加一些东西到我的数据库,问题是,当模式关闭和POST动作发生时,我找不到方法刷新显示在我的“父页面”上的数据(在父组件上,我订阅了加载数据),NgbModal关闭后刷新页面

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

或者有没有办法在两个组件之间绑定数据?所以当一个数据发生变化时,它就会发生变化。

这是打开一个模式(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; 
    },)} 

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

回答

0
constructor(private location:Location) {} 

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

类型'位置'上不存在属性'重新加载'。 –

0

您可以在closeModel()方法中使用$scope.$parent.$location.reload()。如果您发布自己的代码,如何打开和穿上模特,我可以帮助您更好。

+0

你可以检查更新...谢谢 –