如何在ngZorros中将数据从父组件传递到模态组件

<button nz-button nzType="primary" (click)="openModal()">打开模态框</button>

<ng-template #modalContent let-modal>
  <div class="modal-header">
    <h4 class="modal-title">模态框标题</h4>
  </div>
  <div class="modal-body">
    <!-- 模态框内容 -->
    <p>{{ dataToPass }}</p>
  </div>
  <div class="modal-footer">
    <button nz-button nzType="default" (click)="modal.destroy()">关闭</button>
  </div>
</ng-template>

import { Component, ViewChild, TemplateRef } from '@angular/core';
import { NzModalService, NzModalRef } from 'ng-zorro-antd/modal';

@Component({
  selector: 'app-parent-component',
  templateUrl: './parent.component.html',
  styleUrls: ['./parent.component.css']
})
export class ParentComponent {
  @ViewChild('modalContent', { static: true }) modalContent: TemplateRef<any>;
  dataToPass: string;

  constructor(private modalService: NzModalService) { }

  openModal(): void {
    const modal: NzModalRef = this.modalService.create({
      nzTitle: '模态框标题',
      nzContent: this.modalContent,
      nzFooter: null
    });

    modal.componentInstance.dataToReceive = this.dataToPass;
  }
}

import { Component, Input } from '@angular/core';

@Component({
  selector: 'app-modal-component',
  templateUrl: './modal.component.html',
  styleUrls: ['./modal.component.css']
})
export class ModalComponent {
  @Input() dataToReceive: string;
}

<p>{{ dataToReceive }}</p>