MAT_DIALOG_DATA是Angular Material库中提供的一个注入令牌,用于在对话框中传递数据。默认情况下,该注入令牌只能用于注入数据,而无法通过它来访问数据的属性。
如果想要访问数据的属性,可以使用MAT_DIALOG_DATA作为构造函数的参数,在构造函数中将其赋给一个类的属性。示例如下:
import { Component, Inject } from '@angular/core'; import { MAT_DIALOG_DATA } from '@angular/material/dialog';
@Component({
selector: 'app-dialog',
template: {{ data.content }}
,
})
export class DialogComponent {
constructor(@Inject(MAT_DIALOG_DATA) public data: { title: string, content: string }) {}
}{{ data.title }}
在这个示例中,使用@Inject(MAT_DIALOG_DATA)来注入数据,并将其赋给了一个名为data的属性。在组件的模板中,就可以直接使用data中的属性来显示对话框的内容。