要使Angular Material的可拖动对话框正常工作，您可以采取以下步骤：

1. 确保您已经安装并导入了Angular Material模块和相应的依赖项。您可以使用以下命令安装它们：

npm install --save @angular/material @angular/cdk

2. 在您的Angular模块中导入和配置DragDropModule和DialogModule。例如，在app.module.ts中：

import { DragDropModule } from '@angular/cdk/drag-drop';
import { MatDialogModule } from '@angular/material/dialog';

@NgModule({
  imports: [
    // other imports
    DragDropModule,
    MatDialogModule
  ],
  // other module configurations
})
export class AppModule { }

3. 在您的组件中使用MatDialog打开对话框，并在配置中启用拖动。例如，在dialog.component.ts中：

import { Component } from '@angular/core';
import { MatDialogRef } from '@angular/material/dialog';
import { CdkDrag, CdkDragDrop, CdkDragStart } from '@angular/cdk/drag-drop';

@Component({
  selector: 'app-dialog',
  templateUrl: 'dialog.component.html',
  styleUrls: ['dialog.component.css']
})
export class DialogComponent {
  constructor(public dialogRef: MatDialogRef) {}

  // Drag and drop event handler
  onDragStarted(event: CdkDragStart) {
    event.source.element.nativeElement.style.opacity = '0.5';
  }

  onDragEnded(event: CdkDragDrop) {
    event.source.element.nativeElement.style.opacity = '1';
  }
}

4. 在对话框模板中启用拖动。例如，在dialog.component.html中：

5. 在需要打开对话框的组件中使用MatDialog服务。例如，在app.component.ts中：

import { Component } from '@angular/core';
import { MatDialog } from '@angular/material/dialog';
import { DialogComponent } from './dialog.component';

@Component({
  selector: 'app-root',
  template: `
    Open Dialog
  `
})
export class AppComponent {
  constructor(public dialog: MatDialog) {}

  openDialog() {
    this.dialog.open(DialogComponent);
  }
}

这样，您就可以通过拖动对话框标题栏来移动对话框了。请确保在对话框的CSS样式中，标题栏或拖动手柄具有足够的样式以响应拖动事件。