如何使angular material对话框在我的项目中可共享？

ng add @angular/material

ng generate component dialog

ng generate service dialog

import { Component, OnInit } from '@angular/core';
import { MatDialogRef } from '@angular/material/dialog';
import { DialogService } from 'path/to/dialog.service';

@Component({
  selector: 'app-dialog',
  templateUrl: './dialog.component.html',
  styleUrls: ['./dialog.component.css']
})
export class DialogComponent implements OnInit {

  constructor(
    public dialogRef: MatDialogRef<DialogComponent>,
    private dialogService: DialogService
  ) { }

  ngOnInit(): void {
  }

  closeDialog(): void {
    this.dialogService.closeDialog();
  }

}

import { Component } from '@angular/core';
import { DialogService } from 'path/to/dialog.service';

@Component({
  selector: 'app-my-component',
  templateUrl: './my-component.component.html',
  styleUrls: ['./my-component.component.css']
})
export class MyComponent {

  constructor(private dialogService: DialogService) { }

  openDialog(): void {
    this.dialogService.openDialog();
  }

}