如何将数据从一个页面组件传递到另一个页面组件。

Question

我有一个原始应用程序，我单击删除按钮，它应该反映出一个模态，我要确保是否要删除，而单击删除它应该删除特定的数据。

我已经尝试过调用它，但是我不知道传递实际数据没有得到反映，这反映了我的不确定性。如何将数据从一个组件传递到另一页模式组件。

给予您stackbltiz。

在确认后单击“删除”按钮时，它应该删除，并得到未定义ID的错误。

Answer 1

您正在使用ng-bootstrap模式。导入deleteModalComponent之后，您可以使用语法打开模式：

 modalOptions: NgbModalOptions;
 let modalRef = this.modal.open(DeleteModalComponent, this.modalOptions);

当您在deleteModalComponent中时，可以使用此功能：

    modalRef.componentInstance.deleteEvent.
                    pipe(takeWhile(() => keepPvSubscription)).
                    subscribe(delete => {
                                modalRef.close();
                            },
});