AngularMaterialDialog,无法动态更新数据。
创始人
2024-10-28 09:01:32
0

要动态更新 Angular Material Dialog 中的数据,可以注入 MatDialog 对象并使用其 open() 方法打开 Dialog。 在 Dialog 中使用 dialogRef.componentInstance 属性引用到实例,然后可以访问并更新 Dialog 中的数据。

下面是一个示例:

首先,在您的组件中引入 MatDialog 并注入它:

import { MatDialog } from '@angular/material/dialog'; ... constructor( private dialog: MatDialog ) {}

然后,当打开 Dialog 时,保存 dialogRef 并通过其 componentInstance 属性引用 Dialog 中的组件实例。

openDialog() { const dialogRef = this.dialog.open(MyDialogComponent); dialogRef.componentInstance.someProperty = 'new value'; }

在 Dialog 组件的类中,您需要定义一些组件属性以允许从组件实例中传递数据。 例如,您可以添加以下代码:

export class MyDialogComponent { someProperty = ''; }

现在,当您打开 Dialog 并更新 someProperty 属性时,该值将在 Dialog 中更新为“new value”。

希望这能帮助您解决您的问题!

相关内容

热门资讯

关于!微信微乐自建房辅助工具,... 关于!微信微乐自建房辅助工具,微乐家乡麻将自建房辅助app(开挂自建房)方法1)微乐家乡麻将自建房辅...
大家学习交流!微信卡五星辅助器... 大家学习交流!微信卡五星辅助器,微乐小程序免费黑科技(开挂自建房)方法1、很好的工具软件,可以解锁游...
三分钟了解!微乐微信自建房辅助... 三分钟了解!微乐微信自建房辅助工具插件,微乐家乡麻将自建房辅助app(开挂自建房)工具1、三分钟了解...
一分钟教会你!微乐家乡麻将自建... 一分钟教会你!微乐家乡麻将自建房辅助app,微乐自建房脚本免费入口(开挂自建房)方法1、用户打开应用...
分享实测!微信微乐自建房辅助工... 分享实测!微信微乐自建房辅助工具,微乐自建房脚本免费入口(开挂自建房)器1、起透看视 微信微乐自建房...
重大通报!微乐自建房辅助工具脚... 重大通报!微乐自建房辅助工具脚本,微乐小程序免费黑科技(开挂自建房)app微乐自建房辅助工具脚本破解...
如何分辨真伪!微乐微信自建房辅... 如何分辨真伪!微乐微信自建房辅助工具插件,微乐小程序免费黑科技(开挂自建房)技巧1、微乐微信自建房辅...
我来教教你!微乐自建房辅助工具... 我来教教你!微乐自建房辅助工具挂,微乐家乡麻将自建房辅助app(开挂自建房)工具1、玩家可以在微乐家...
重大来袭!微乐自建房辅助工具神... 重大来袭!微乐自建房辅助工具神器,微乐小程序免费黑科技(开挂自建房)器1、游戏颠覆性的策略玩法,独创...
带你了解!微信卡五星辅助器,微... 带你了解!微信卡五星辅助器,微乐自建房脚本免费入口(开挂自建房)方法1、带你了解!微信卡五星辅助器,...