2017-05-29 106 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

你可以檢查更新...謝謝 –