如何使用持久性组件创建ng-bootstrap模式？

Question

我正在尝试按照本教程（https://ng-bootstrap.github.io/#/components/modal - “作为内容的组件”部分）实现带有角度的模态，但我希望模态中显示的组件在下次关闭时保持其状态它打开了。

我创建了一个简单的Plunker示例：http://plnkr.co/edit/EJyZ6nF5WVAS9bvQycQe?p=preview

我想要实现的是在调用openA（）之后调用open（）将显示文本“Hello，A！”但它没有保持状态。

openA() {
  const modalRef = this.modalService.open(NgbdModalContent);
  modalRef.componentInstance.name = 'A';
}

openB() {
  const modalRef = this.modalService.open(NgbdModalContent);
  modalRef.componentInstance.name = 'B';
}

open() {
  const modalRef = this.modalService.open(NgbdModalContent);
}

¿如何创建最小化设置？ ¿或者您推荐哪些角度文档来了解正在发生的事情？

Answer 1

每次以组件作为内容打开新模态时，将重新创建所述组件（并在模态关闭时销毁）。从这个意义上说，你不能“持久化”组件实例。

你应该做的是保持驱动组件显示和行为的模型（数据）。