Angular2 ng引导:同一个模式窗口需要2个不同的按钮

你可以移动你的 contact input property .

@Input() content: ElementRef;

因此,现在您可以选择将标记传递给子级:

<ngbd-modal2 [content]="contact"></ngbd-modal2>

open() {
  this.modalService.open(this.content);
}

plunk .

您可以创建一个服务,该服务将在定义模式内容的组件和调用模式对话框的组件之间共享。服务只需要公开一个可观察对象和一种提高可观察对象的方法。

服务代码:

subscription = new Subject();
showModal() {
    this.subscription.next();
}

因此,具有模式对话框内容的组件可以订阅 subscription 要显示模式对话框:

@ViewChild('contact') modalContent: ElementRef;
constructor(private modalService: ModalService, private ngbModal: NgbModal) {
    modalService.subscription.subscribe(() => {
      this.ngbModal.open(this.modalContent)
    })
}

因此,模态对话框消费者只需要调用 showModal

constructor(private modalService: ModalService) {}
open() {
  this.modalService.showModal();
}

查看更新的 plunk .