HTTP_INTERCEPTORS 的 multi: true 属性是什么意思？

我是 Angular 的新手，刚刚构建了一个拦截器。根据多个教程，您必须包括HTTP_INTERCEPTORS in the app.module像这样：

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

我想知道那是什么multi: true属性的含义/作用以及是否可以省略。

我读过角.io https://angular.io关于此属性的指南。他们解释如下：

我不明白这部分：

请注意 multi: true 选项。这个必需的设置告诉 Angular HTTP_INTERCEPTORS 是注入数组的多提供者的令牌 的值，而不是单一的值。

这揭示了这个概念，但我还不太明白拦截器何时注入多个值，何时不注入多个值。例如，我自己的拦截器仅更改标头。这是否意味着它只注入一个值？

这是我的拦截器

import { Injectable } from '@angular/core';
import { HttpRequest, HttpHandler, HttpEvent, HttpInterceptor, HttpHeaders } from '@angular/common/http';
import { Observable } from 'rxjs/Observable';
import { LoginService } from '../Services/login.service';


@Injectable()
export class JwtInterceptor implements HttpInterceptor {

    constructor(private loginService:LoginService){}

    intercept(request: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
        // add authorization header with jwt token if available
        console.log("ik zit nu in de interceptor");
        let currentUser = this.loginService.getToken();
        if (currentUser !=="") {

            request = request.clone({
                headers: new HttpHeaders({
                    'Content-Type': 'application/json', 
                    'Authorization': `Bearer ${currentUser}`
                })
            });
        }
        return next.handle(request);
    }
}

这是app.module的提供列表

  providers: [
    { provide: APP_BASE_HREF, useValue: '/' },
    { provide: HTTP_INTERCEPTORS, useClass: JwtInterceptor, multi: true },
    { provide: 'AUTH_URL', useValue: 'http://localhost:8080/auth' },
    { provide: 'API_URL', useValue: 'http://localhost:8080/api' },
    { provide: 'HEADERS', useValue: new HttpHeaders({'Content-Type': 'application/json'}) },
    LoginGuard,
    LoginService,
    UserService,
    MessageService
  ],

从描述来看价值提供者 https://angular.io/api/core/ValueProvider#properties我们可以读取接口multi财产：

当真实时，injector返回实例数组。这很有用 允许多个提供者分布在许多文件中以提供 配置信息到公共令牌。

这意味着，对于我们提供的令牌，将使用多个值（或类）。

For instance, see this example https://github.com/lealceldeiro/gms/blob/47d9669dbf87ae00b1bff85d99c572834b2d6c2b/client/src/app/core/core.module.ts#L51 (_{^{this is a sample project}}) where it is specified for the token HTTP_INTERCEPTORS to use the classes (useClass) ErrorInterceptor and SecurityInterceptor. In order to get this working, we need to specify multi: true so Angular knows that multiple values (or classes) are going to be used.

{
  provide: HTTP_INTERCEPTORS,
  useClass: ErrorInterceptor,
  multi: true
},
{
  provide: HTTP_INTERCEPTORS,
  useClass: SecurityInterceptor,
  multi: true
},

这里的一个关键点是HTTP_INTERCEPTORS https://angular.io/api/common/http/HTTP_INTERCEPTORS is a 多提供商令牌。这意味着当为此令牌提供新值或类时，属性multi是必需的，并且必须设置为true.

参见Http客户端 https://angular.io/guide/http#httpclient文档中描述了如何提供拦截器 https://angular.io/guide/http#provide-the-interceptor规定的部分：

请注意multi: true选项。这所需设置告诉 Angular HTTP_INTERCEPTORS 是一个令牌多提供商注入一个数组 的值，而不是单一的值。