我有一个使用 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;
},)}
这些只是代码的重要片段,问题是我不知道在我的模态中添加第一个组件后如何刷新数据。
constructor(private location:Location) {}
closeModal() : void {
this.location.reload();
}
您可以在
$scope.$parent.$location.reload()
方法中执行 closeModel()
。如果您发布如何打开模型并给模型穿上衣服的代码,我可以更好地帮助您。