本文档描述了在AEM的Javascript SPA SDK中如何进行动态模型到组件的映射。
ComponentMapping
模块作为NPM包提供到前端项目。 它存储前端组件,并为单页应用程序将前端组件映射到AEM资源类型提供了一种方法。 这样,在解析应用程序的JSON模型时,可动态解析组件。
模型中存在的每个项都包含一个公开AEM资源类型的:type
字段。 装载后,前端组件可以使用它从基础库接收的模型片段来呈现自己。
请参阅SPA Blueprint文档,了解有关模型解析和对模型的前端组件访问的详细信息。
另请参阅npm包:@adobe/aem-spa-component-mapping
利用AEM的Javascript SPA SDK的单页应用程序由模型驱动:
每个组件都通过ModelProvider
的功能进行扩展。 因此,初始化采用以下一般形式:
每个模型提供程序自行初始化,并监听对与其内部组件对应的模型片段所做的更改。
PageModelManager
必须初始化为由初始化流表示。
存储后,页面模型管理器将返回应用程序的完整模型。
然后,此模型将传递给应用程序的前端根容器组件。
模型的片段最终传播到每个单独的子组件。