anglular ng-ant-zorro 中用服务的方式创建对话框的方法

anglular ng-ant-zorro 中用服务的方式创建对话框的方法

1. 在构造方法中添加服务

public modal: NzModalService,

2. 创建一个产生对话框的方法

需要弹出对话框的组件的ts文件

/**
   * 添加成员
   */
  add(): void {
    this.modal.create({
      nzMaskClosable: true,
      nzKeyboard: false,
      nzTitle: '新增人员',
      nzContent: AddUserModalComponent,
      nzComponentParams: {
        isAdd: false
      },
      nzFooter: null,
      nzOnOk: () => {
        this.getUserList();
      }
    });
  }

注意:通过 nzFooter=null 取消自带的确认和取消按钮，
此处的 nzOnOk: () =>{} 是默认的确认按钮 ，第四步要用

3. 在对话框组件中创建自定义的 底部按钮

add-or-edit-modal (组件)

.html

<div *nzModalFooter>
    <button nz-button nzType="primary" (click)="submit()">确定</button>