stay SAP Spartacus PageLayout Component In the realization of , every last layoutName There is a corresponding cxOutlet Scalable ：

The first 13 Yes ngFor Instructions , Implement the slots$ an , For every one slot Place the corresponding CMS Component.

slots$ Is an array , adopt pageLayoutService.getSlots Method to get .

This article introduces this getSlots Method execution details .

switchMap This rxjs The operator , Implies its incoming arrow function , It's a cancellable Time consuming operation .

Execute in this closure ：

combineLatest： as long as this.page$ and this.breakpointService.breakpoint$ One is subscribed , It will trigger map operation ：

All supported slots and slots What's allowed inside Components list ：

breakpoint：xl

Read slot To configure ：

all template Configuration is all in tis.config.layoutSlots In the ：

Got it header Configuration of ：

final result ：

About SAP Spartacus defaultCmsContentProvider And default layoutConfig Some tests of

With Spartacus-b2c-configuration.module.ts File as an example ：

These default profiles , All from another library , namely @Spartacus/Storefront Imported from , The entrance of the latter is public_api file ：

Add a line of print statements to this file , You can see all the default configurations ：

These default configurations are hard coded in layout-config.ts Inside ：

If you comment out a part ：

The effect is as follows ：Header The whole area is gone .

And then footer The area is also annotated ：

Now? header and footer It's gone ：