angular - 将数据发送到 TemplateRef MatDialog
问题描述
如何获取发送到 MatDialog 的数据ng-template
?
模板
<button mat-button (click)="openDialog()">Open</button>
<ng-template #dialogRef>
{{data?}} <!-- <<< Here is the problem data is undefined -->
</ng-template>
零件
export class SomeComponent {
@ViewChild("dialogRef") dialogRef: TemplateRef<any>;
constructor(private dialog: MatDialog) { }
openDialog(): void {
this.dialog.open(this.dialogRef, { data: "some data" });
}
}
解决方案
它应该可以通过模板变量获得:
<ng-template #dialogRef let-data>
^^^^^^^^
{{data}}
</ng-template>
推荐阅读
- css - Styled-Components 移动菜单
- opencl - Darknet on OpenCL 编译错误:ld:未找到架构 x86_64 的符号
- r - 替换字符串中的换行符“\n”字符
- solidity - 如何在 Solidity 结构中定义的数组上推送元素?
- simulation - Assetto corsa 共享内存
- javascript - 如何在javascript中将拉丁数字转换为阿拉伯数字?
- angular - Eslint “不安全地返回 `any` 类型的值。”
- php - 如何在 laravel php 中添加更多复选框?
- mpi - MPI 是否有自己的方式将文件传输到远程节点?
- node.js - 节点异步函数NodeJs中的复活