如何使用拦截器显示图形组件

Question

我正在使用Angular 6开发一个web应用程序。我创建了一个拦截器服务(使用接口HttpInterceptor(，它拦截某些类型的HTTP调用。这个类工作得很好(我可以拦截我想要的所有HTTP调用(。在这个应用程序中有几个图形组件。使用拦截器中编写的代码显示图形组件(例如微调器或模式窗口(的方法是什么？

一个例子：

@Injectable()
export class MyHttpInterceptor implements HttpInterceptor {
intercept(req: HttpRequest<any>, next: HttpHandler ) {
let updateReq;
updateReq = req.clone({
setParams: {
responseType: 'no-type'
}
}
);
console.log(updateReq);
return next.handle(updateReq).pipe(tap(
event => console.log(event),
err => console.log(err)
));
}
}

例如，我想测试CCD_ 2是否具有一些属性，然后我让一个图形组件出现。如何在整个申请过程中做到这一点？

Answer 1

1. 创建一个带有显示/隐藏微调器标志的微调器组件
2. 创建一个新的服务"spinerservice"，该服务切换一个标志，并在切换微调器时发出一个事件
3. 在微调器组件和拦截器中注入服务
4. 从拦截器调用"微调器服务">
5. 在微调器组件中侦听来自服务的事件，并调整微调器状态