Question

我在angular4中使用HTTP_INTERCEPTORS。为此，我创建了HttpServiceInterceptor类来实现HttpInterceptor接口，并为intercept方法提供了定义。然后注册了HTTP_INTERCEPTORS的提供商，就像这样

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

这很好用。但我仍然不明白multi:true在这里的含义是什么？我看过this answer。

如果我删除multi:true选项，那么浏览器端会出现错误

Uncaught Error: Provider parse errors:
Mixing multi and non multi provider is not possible for token InjectionToken_HTTP_INTERCEPTORS ("[ERROR ->]"): in NgModule AppModule in ./AppModule@-1:-1
    at NgModuleProviderAnalyzer.webpackJsonp.487.NgModuleProviderAnalyzer.parse (vendor.js:36335)
    at NgModuleCompiler.webpackJsonp.487.NgModuleCompiler.compile (vendor.js:43184)
    at JitCompiler.webpackJsonp.487.JitCompiler._compileModule (vendor.js:51527)
    at vendor.js:51472
    at Object.then (vendor.js:26354)
    at JitCompiler.webpackJsonp.487.JitCompiler._compileModuleAndComponents (vendor.js:51470)
    at JitCompiler.webpackJsonp.487.JitCompiler.compileModuleAsync (vendor.js:51399)
    at PlatformRef_.webpackJsonp.0.PlatformRef_._bootstrapModuleWithZone (vendor.js:4746)
    at PlatformRef_.webpackJsonp.0.PlatformRef_.bootstrapModule (vendor.js:4732)
    at Object.<anonymous> (app.js:23366)

这是否意味着HTTP_INTERCEPTORS是多提供程序初始化多个指令或组件？如果是，那么其他指令和组件是什么？

Answer 1

多提供商与指令无关。 This answer仅作为示例提及指令。

考虑到FOO是注入令牌，这个

providers: [
  { provide: FOO, useClass: Bar, multi: true },
  { provide: FOO, useClass: Baz, multi: true }
]

使FOO注入依赖项成为分配给此令牌的多个提供程序的数组，即与以下内容相同：

providers: [
  { provide: FOO, useValue: [Bar, Baz] }
]

不同之处在于可以在同一个注入器的多个位置定义多个提供程序，并且所有其他{ provide: FOO, multi: true, ... }都可以执行push到FOO数组。

multi：true表示angular4中的提供者

1 个答案: