NgbModal关闭后刷新页面
问题描述:
我有一个组件使用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;
},)}
那些只是代码的重要片段,问题是我不知道如何在第一个组件中添加数据后刷新数据。
答
constructor(private location:Location) {}
closeModal() : void {
this.location.reload();
}
答
您可以在closeModel()
方法中使用$scope.$parent.$location.reload()
。如果您发布自己的代码,如何打开和穿上模特,我可以帮助您更好。
+0
你可以检查更新...谢谢 –
类型'位置'上不存在属性'重新加载'。 –