在NgbModal上未定义ComponentInstace

如何解决在NgbModal上未定义ComponentInstace

自昨天晚上以来，我一直在想着为什么这段代码不起作用

onOutletFeedback(content) {
    const modalRef  = this.modalService.open(content,{
      scrollable: false,size: 'md'
    });
    modalRef.componentInstance.contactId = this.contactId; //Facing issue at this line
    modalRef.componentInstance.url = environment.apiUrl;
    modalRef.result.then(
      result => {
        // on save click
      },reason => {
        // on dismiss
        console.log(`Dismissed with: ${reason}`);
      }
    );
  }

当我尝试调用我的Modal时，总是会收到此错误。

我的模态代码

    <button (click)="onOutletFeedback(OutletFeedbackModal)"
                  class="btn btn-secondary"
                  placement="bottom"
                  ngbTooltip="Feedback" >
                  <i class="icon-comment"></i></button>

<ng-template #OutletFeedbackModal let-modal>
  <app-outlet-feedback [modal]="modal"></app-outlet-feedback>
</ng-template>

我的ModalComponent代码

export class OutletFeedbackComponent implements OnInit {
  @Input() modal: any;
  @Input() contactId: number;

感谢您的帮助，我已经检查了文档和所有可能的链接。

解决方法

您可以直接将输入属性值分配给app-outlet-feed尝试以下方法：

<ng-template #OutletFeedbackModal let-modal>
     <app-outlet-feedback [contactId]="contactId" [modal]="modal"></app-outlet-feedback>
</ng-tempalte>

,

根据文档，这是使用ngdModal将数据传递到内容的方法：

this.modalRef['data'] = "any data you want to pass to ModalComp class";

PS：'componentInstance'是角度测试API的一部分。