分別是header，navigation和footer：

對應的 Component 實現里，有對應的 set 方法：

section$ 是一個 BehaviorSubject.

其中每個section里包含的slots，定義在文件layout-config.ts里：

運行時打印的輸出：

Storefront.component.html的cx-page-layout design time:

運行時的callstack：

這個section有@Input注解：

Decorator that marks a class field as an input property and supplies configuration metadata. The input property is bound to a DOM property in the template. During change detection, Angular automatically updates the data property with the DOM property’s value.

該input property綁定到DOM property，其值來自DOM元素的對應屬性。

section$是一個BehaviorSubject，通過next函數將section的值傳遞給其他subscriber：

更多Jerry的原創文章，盡在：“汪子熙”:

總結

以上是生活随笔為你收集整理的SAP Spartacus Storefront 页面 cx-page-layout 的赋值逻辑的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。