微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

角度测试对话框

如何解决角度测试对话框

我有一个打开对话框的组件。此对话框将服务注入其构造函数。我想知道如何测试对话框的打开,因为当我执行dialog.open时,它将注入服务。我会嘲笑这项服务吗?如何

解决方法

也许我可以为您提供帮助: 首先,创建父文件,然后在.ts中,st函数如下所示:

editAlarm(apn:any): void {
const dialogRef = this.dialog.open(editAlarm,{
  width: '1200px',height: '585px',data : dataGan,});

dialogRef.afterClosed().subscribe(result => {
  this.apn_service.dataAlarm().subscribe(x => {
    this.dataAlarm = x;
  });
});

}

第二步,创建文件.ts对话框并调用dataGan(值服务)以获取值,以及如何在承包商中调用您的值:

constructor(
    public apn_service: ApnDashboardService,private _snackBar: MatSnackBar,public dialogRef: MatDialogRef<editAlarm>,@Inject(MAT_DIALOG_DATA) public selected: any,) {
     console.log('dataKelseluruhan',selected);
}

您会在控制台中看到服务对话框

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。