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”。

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

相关内容

热门资讯

微扑克ai机器人!微扑克专用辅... 微扑克ai机器人!微扑克专用辅助程序怎么用的啊,(微扑克智能)都是真的是有挂(详细有辅助挂教程)是由...
微扑克ai辅助工具!微扑克大厅... 1、微扑克ai辅助工具!微扑克大厅都是机器人,(微扑克有挂)其实是真的有挂(详细辅助挂教程);该软件...
德州微扑克辅助!德扑之星怎么带... 德州微扑克辅助!德扑之星怎么带出记分牌,德扑之星带入其实是真的有挂(详细自定义教程);德州微扑克辅助...
aapoker辅助!aa po... aapoker辅助!aa poker下载地址,(aapoker有挂)本来真的是有挂(详细外卦挂教程)...
微扑克全自动机器人!微扑克有辅... 微扑克全自动机器人!微扑克有辅助插件吗,(微扑克内置)一贯存在有挂(详细wpk透视辅助教程)1、完成...
红龙扑克辅助器!红龙扑克是正规... 红龙扑克辅助器!红龙扑克是正规的吗,(红龙扑克)其实真的是有挂(详细辅助工具教程);建议优先通过透明...
德扑ai机器人!德扑之星软件透... 德扑ai机器人!德扑之星软件透明有人买,德扑之星内部好像真的是有挂(详细ai购买教程)1、不需要AI...
微扑克ai机器人!微扑克脚本代... 微扑克ai机器人!微扑克脚本代写,(微扑克软件)都是真的有挂(详细游戏辅助器教程)1、这是跨平台的微...
aapoker挂!aapoke... aapoker挂!aapoker能玩吗,(aapoker机制)竟然真的是有挂(详细有外卦挂教程)1、...
微扑克系统发牌规律!微扑克辅助... 微扑克系统发牌规律!微扑克辅助器是骗人吗,(微扑克平台)一直是真的有挂(详细德州专用辅助器教程),支...