使用Angular将数据传递到Bootstrap模式

data: any;

<button type="button" class="btn btn-primary" (click)="openModal()">打开模态框</button>

<ng-template #myModal let-modal>
  <div class="modal-header">
    <h4 class="modal-title">模态框标题</h4>
    <button type="button" class="close" aria-label="Close" (click)="modal.dismiss()">
      <span aria-hidden="true">&times;</span>
    </button>
  </div>
  <div class="modal-body">
    <p>要传递的数据：{{ data }}</p>
  </div>
  <div class="modal-footer">
    <button type="button" class="btn btn-secondary" (click)="modal.close()">关闭</button>
  </div>
</ng-template>

import { NgbModal } from '@ng-bootstrap/ng-bootstrap';

constructor(private modalService: NgbModal) {}

openModal() {
  const modalRef = this.modalService.open(this.myModal);
  modalRef.componentInstance.data = this.data;
}