Séb*_*ien 5 angular-material angular
如何获取发送到MatDialog的数据ng-template?
模板
<button mat-button (click)="openDialog()">Open</button>
<ng-template #dialogRef>
{{data?}} <!-- <<< Here is the problem data is undefined -->
</ng-template>
Run Code Online (Sandbox Code Playgroud)
零件
export class SomeComponent {
@ViewChild("dialogRef") dialogRef: TemplateRef<any>;
constructor(private dialog: MatDialog) { }
openDialog(): void {
this.dialog.open(this.dialogRef, { data: "some data" });
}
}
Run Code Online (Sandbox Code Playgroud)
应该可以通过模板变量使用:
<ng-template #dialogRef let-data>
^^^^^^^^
{{data}}
</ng-template>
Run Code Online (Sandbox Code Playgroud)
| 归档时间: |
|
| 查看次数: |
1105 次 |
| 最近记录: |