[英]service not singleton inside MatDialog module
当我打开Mat对话框弹出窗口(有角度的材质)并访问单例服务时,由于某种原因,在mat对话框内,该服务似乎是该服务的新实例,而不是整个应用程序中使用的单例服务。
我知道如何解决,但我更喜欢了解matdialog是否存在已知问题,以及是否可以解决。
const dialogRef = this.dialog.open(MyComponent, {
width: '400px',
data: {
myInfo: Info
},
});
该服务作为一个单例添加到“ App.component.ts”中,如下所示:
import {Component, OnInit} from '@angular/core';
import {NavigationEnd, Router} from '@angular/router';
import {AuthService} from './shared/services/auth.service';
@Component({ selector: 'app-root', templateUrl: './app.component.html', styleUrls: ['./app.component.scss'],
providers: [AuthService]}) export class AppComponent implements OnInit {}
谢谢!
据我所知,问题在于您在AppComponent
内声明service
,但是material dialogs
在您的app-root
( angular cdk
作为body
最后一个元素生成),因此它不适用于您的dialog component
。 要解决此问题,您应该在主AppModule
声明提供程序AuthSerivce
然后在对话框组件中将其可见。
我遇到了同样的问题。 您对此问题有任何答案吗? 我还使用mat-dialog,当我调用服务(具有ProvideIn根目录)时,对话框会创建该服务的新实例。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.