2017-05-29 19 views
0

ngbModalを使用してデータを追加するコンポーネントがあります。問題は、Modalが閉じられ、POSTアクションが発生したときに、私の "親ページ"に表示されているデータをリフレッシュするには(親コンポーネントにデータをロードするサブスクリプションがあります)、NgbModalが閉じられた後にページを更新する

モーダルを閉じた後にこれらのデータを動的にリフレッシュする方法はありますか?

2つのコンポーネント間でデータをバインドする方法はありますか?そのため、データが1つ変更されると、データが変更されます。

これは、モーダル(lgModalShow())を開くボタンであり、このコンポーネントでは、私がデータを呼び出し、DefaultModalで

<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; 
    },) 

私は、新しいデータを追加します。

add(): void { 
this.service.create(Object) 
    .subscribe(data => { 
    this.data = data; 
    },)} 

ものコードの重要なスニペットにすぎず、最初のコンポーネントのデータをモーダルで追加した後にデータをリフレッシュする方法がわからないという問題があります。

答えて

0
constructor(private location:Location) {} 

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

プロパティ 'reload'がタイプ 'Location'に存在しません。 –

0

closeModel()の方法で$scope.$parent.$location.reload()を行うことができます。モデルを開いて服を着るコードを投稿すれば、私はあなたをより良く助けることができます。

+0

更新を確認できますか...ありがとう –

関連する問題