如何从服务中调用组件（模态弹出窗口）？

Question

我想每10分钟显示一次会话超时弹出窗口。我将一个发布的时间放在一个服务文件的会话存储中，也从同一个文件中启动计时器。我这样做的原因是，在每次回复中，我都会获得新的发布时间。所以我将会话存储的发布时间传递给弹出窗口。我在这里遇到的问题是我无法从该特定服务调用组件，原因是“服务中的循环依赖 - >组件 - >服务 - >组件”

这是我的服务文件

@Injectable({
providedIn: 'root'
})


export class HttpBaseService {

 constructor(public authHttp: HttpClient, private modal: MatDialog, 
private toastr: ToastrManager) { }

public handleAPIResponse(response: any) {

    if (response.accessToken) {
        const tokenInfo = 
this.getDecodedAccessToken(response.accessToken);
        const issuedTime = tokenInfo.exp;
        this.setToken(response.accessToken, issuedTime);
//Here I am starting the timer with latest  issued time.
          this.startTimer(issuedTime); 
    }
    return response.result;
 }
}

startTimer(issuedTime: number) {
///login to calculate time 
//call a modal popup here if time is up. 
this.modal.open(ModalPopupComponent, {

 }

 }

这是我的ModalPopupComponent

@Component({
  selector: 'app-modal-popup',
  templateUrl: './modal-popup.component.html',
  styleUrls: ['./modal-popup.component.scss'],
})

export class ModalPopupComponent implements OnInit { 

//logic to show countdown of One min to logout automatically

}

需要知道如何从此服务调用模态组件，而不需要任何循环依赖。提前致谢

Answer 1

您可以在组件中设置计时器，检查您在服务中的变量并运行Modal，如下所示：

setInterval(() => { this.loading = true; this.getSignals(); }, 60000);

你可以在Component ngOninit中激活它祝你好运！