NzModalService如何给动态加载的组件传值

使用nzComponentParams

nzComponentParams: {
    key1: value1,
    key2: value2,
    ...
}

在组件editdComponent中接收值的方法

@Input() key1;
@Input() key2;

以下是例子哦

HTML页面

<button (click)="dialog()">打开弹框</button>

TS文件

import { Component,OnInit, ViewContainerRef } from '@angular/core';
import { NzModalService } from 'ng-zorro-antd/modal';
import { DialogComponent} from './dialog/dialog.component'
@Component({
  selector: 'app-parent',
  templateUrl: './parent.component.html',
  styleUrls: ['./parent.component.scss']
})
export class ParentComponent implements OnInit {
  constructor(private modal: NzModalService) { }  
  
  content:any='我是需要传递给弹出框的值'

  ngOnInit(): void {}
  
  dialog(){
    this.modal.create({
      nzTitle:'11111',
      nzContent: DialogComponent,
      nzClosable: false,
      nzComponentParams:{
        key:this.content,
      },
      nzOnOk: () => new Promise(resolve => setTimeout(resolve, 1000)),
    });
  } 

}

弹窗页面
HTML

{{key}}

TS

import { Component, OnInit,Input } from '@angular/core';
@Component({
  selector: 'app-dialog',
  templateUrl: './dialog.component.html',
  styleUrls: ['./dialog.component.scss']
})
export class DialogComponent implements OnInit {
  @Input() key:any;
}