這個預設配置檔案的名稱：default-routing-config.ts

![](https://img-blog.csdnimg.cn/img_convert/a8c461f82885af36f7c217167cbad7da.png)

檢視哪些地方消費了 defaultRoutingConfig：

![](https://img-blog.csdnimg.cn/img_convert/1bbc224aa58de8660a0f26e681c1d3f0.png)

provudeDefaultConfig 是一個 helper 函式：

![](https://img-blog.csdnimg.cn/img_convert/73cfb0815ad74a4e80561d763bbfa30b.png)

這個 RoutingModule.forRoot 方法又會在什麼時候被呼叫呢？

![](https://img-blog.csdnimg.cn/img_convert/dcb854e52772db68d1eded02843f7946.png)

在這兩處：base-storefront.module.ts 和 storefront-foundation.module.ts:

![](https://img-blog.csdnimg.cn/img_convert/c45c9502d1b9d0f3cc31542398a9f6e4.png)

注意 forRoot 方法返回引數的型別：ModuleWithProviders:
![](https://img-blog.csdnimg.cn/img_convert/a73beabd6ff20559249356bfa3b3d7eb.png)

因為 import 這些 module 的消費 module，imports 區域的型別就是 `any[] | Type<any> | ModuleWithProviders)[]`

![](https://img-blog.csdnimg.cn/img_convert/75be907dc21b6334e52dcdfb98c41b28.png)
![](https://img-blog.csdnimg.cn/img_convert/88a1783eff0cee2cf5470a4adb77bdea.png)

關於 ValueProvider 各引數的說明：

![](https://img-blog.csdnimg.cn/img_convert/889e7cc66d545a67354726a21abe7a7d.png)

* provide：注入令牌。通常是 Type 或 InjectionToken 的例項，但也可以是 any 例項。

* multi：如果為 true，則注入器返回例項陣列。這對於允許多個提供者散佈在多個檔案中以向公共令牌提供配置資訊很有用。

一個例子：

```typescript
const locale = new InjectionToken<string>('locale');
const injector = Injector.create({
  providers: [
    {provide: locale, multi: true, useValue: 'en'},
    {provide: locale, multi: true, useValue: 'sk'},
  ]
});

const locales: string[] = injector.get(locale);
expect(locales).toEqual(['en', 'sk']);
```

ModuleWithProviders：對 NgModule 及其相關 providers 的包裝。</string></any>

SAP Spartacus 預設路由配置的工作原理

相關文章