第一格

<div id="A">
  <li>
    <button mat-raised-button (click)="openDialog()">Password History</button>
  </li>
</div>

第二个div

<div id="B">
  <div>
    <h1 mat-dialog-title>Password History</h1>
  </div>
  some content inside
</div>

TS文件

passHist.component.ts

openDialog(ispassButton,ispassContent): void {
    const dialogRef = this.dialog.open(PassHistComponent,{
      width: "1000px"
    });
  }

@Component({
  selector: 'app-modal',templateUrl: '.passHist.component.html',styleUrls: ['.passHist.component.css']
})

请帮助并提供有关如何执行此操作的建议谢谢

A和B div都显示在弹出对话框中但应仅在B div内显示。

在对话框中打开PassHistComponent时，可以在data中提供自定义MatDialogConfig。根据该data，您可以显示或隐藏div。

在您的特定情况下，data类型可能如下所示：

interface DialogData {
    showA: boolean;
    showB: boolean;
}

您的组件必须接受data属性。

constructor(public dialogRef: MatDialogRef<PassHistComponent>,@Inject(MAT_DIALOG_DATA) public data: DialogData ) {        
}

对话框可以如下打开：

openDialog(ispassButton,ispassContent ): void {
    const dialogData: DialogData = { showA: false; showB: true };
    const dialogRef = this.dialog.open(PassHistComponent,{ data: dialogData,width: '1000px' });
    ...
}

在您的模板中。

<div id="A" [hidden]="!data.showA">
   ...
</div>

有关更多说明，请阅读Sharing data with the Dialog component

在模态弹出对话框中，从templateurl html文件中仅显示一个div角

第一格

第二个div

TS文件

passHist.component.ts

nxh123 回答：在模态弹出对话框中，从templateurl html文件中仅显示一个div角

大家都在问