本文檔介紹在的Javascript SDK中如何進行動態模型到組SPA件的映AEM射。
的 ComponentMapping
模組作為NPM包提供到前端項目。 它儲存前端元件,並為單頁應用程式將前端元件映射到資源類型提供AEM了方法。 這樣,在分析應用程式的JSON模型時,就可以動態解析元件。
模型中存在的每個項都包含 :type
顯示資源類AEM型的欄位。 裝載後,前端元件可以使用它從基礎庫接收到的模型片段來呈現自己。
請參閱 藍SPA圖 的子菜單。
另請參見npm包: @adobe/aem-spa元件映射
使用Javascript SDKSPA的單頁應AEM用程式由模型驅動:
每個元件都使用 ModelProvider
。 因此,初始化採用以下一般形式:
每個模型提供器都初始化自身並偵聽對與其內部元件對應的模型段所做的更改。
的 PageModelManager
必須初始化為由表示 初始化流。
一旦儲存,頁面模型管理器將返回應用的完整模型。
然後,此模型將傳遞給前端根 容器 元件。
模型的各部分最終傳播到每個單獨的子元件。