mdDialog是Angular Material库中的一个组件,用于创建对话框。要将数据传递给mdDialog,可以通过以下步骤实现:
const dialogRef = this.dialog.open(DialogComponent, {
data: { name: 'John', age: 30 }
});
import { MAT_DIALOG_DATA } from '@angular/material/dialog';
import { Inject } from '@angular/core';
constructor(@Inject(MAT_DIALOG_DATA) public data: any) { }
<h1>{{ data.name }}</h1>
<p>Age: {{ data.age }}</p>
通过以上步骤,你可以将数据成功传递给mdDialog,并在对话框中使用它们。
关于mdDialog的更多信息和使用示例,你可以参考腾讯云的Angular Material文档:https://cloud.tencent.com/document/product/1137/46302
领取专属 10元无门槛券
手把手带您无忧上云