Angular 6：为’root’提供HTTP_INTERCEPTORS

发布时间：2020-12-17 07:10:54 所属栏目：安全来源：网络整理

导读：从您在AppModule中提供服务的Angular 5到Angular 6的更改,您在@Injectable装饰器中设置’provideIn’键我已经更改了所有服务以使用新的“provideIn”方法.但是,异常是我的拦截服务. 如何为’root’提供HTTP_INTERCEPTORS标记并使用InterceptorService？这是

从您在AppModule中提供服务的Angular 5到Angular 6的更改,您在@Injectable装饰器中设置’provideIn’键我已经更改了所有服务以使用新的“provideIn”方法.但是,异常是我的拦截服务.

如何为’root’提供HTTP_INTERCEPTORS标记并使用InterceptorService？

这是我使用atm的Angular 5方式：

@Injectable()
export class InterceptorService implements HttpInterceptor {
...
}

在AppModule中：

providers: [{
  provide: HTTP_INTERCEPTORS,useClass: InterceptorService,multi: true
}]

但Angular 6的方式是什么？

我尝试过类似的东西

@Injectable({
  provideIn: 'root',useValue: HTTP_INTERCEPTORS,deps: [forwardRef(() => InterceptorService)]
})
export class InterceptorService implements HttpInterceptor {
...
}

还有很多其他的Injectable变种,但似乎无法弄清楚如何在不将对象文字直接写入模块的提供者的情况下使其工作.

解决方法

Angular 6的provideIn-property只是Angular 5中的行为的补充.如果你想提供已经存在的InjectionToken的东西,你仍然必须使用{provide：ClassA,useClass：ClassB}语法.

见 – > https://angular.io/guide/dependency-injection-in-action#external-module-configuration

TL;博士：你提供HTTP_INTERCEPTORS的方式在Angular 6中没有改变,并且没有“Angular 6”.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!