大鹏一日同风起,扶摇直上九万里。这篇文章主要讲述SAP Spartacus Popover Directive 构造函数的用途分析相关的知识,希望能为你提供帮助。
该构造函数位于文件 popover.directive.ts 里:
文章图片
文章图片
第 11 行 cxPopOver Directive 施加到 button 元素上之后,运行时,cxPopOver Directive 的构造函数触发。其参数,既有应用程序定义的类型,比如 PositioningService, 也有框架使用的类型,比如 ElementRef,ViewContainerRef 等等。
文章图片
- element: 该 Directive 绑定的页面元素,在这个例子里是 button.
文章图片
- viewContainer: 类型为 ViewContainerRef. 三个全是私有属性。
文章图片
我们注入这个实例的唯一目的,就是调用其 createComponent 方法。
文章图片
const containerFactory = this.componentFactoryResolver.resolveComponentFactory(
PopoverComponent
);
this.popoverContainer = this.viewContainer.createComponent(
containerFactory
);
createComponent 方法需要输入参数为 containerFactory,后者通过另一个注入参数实例 componentFactoryResolver 提供。componentFactoryResolver 可以理解成制造工厂的工厂函数:需要的输入参数是待生产 Component 的定义,在这个例子里为 PopoverComponent:
文章图片
【SAP Spartacus Popover Directive 构造函数的用途分析】而 createComponent 返回的数据,类型为 ComponentRef, 包含了 PopoverComponent 的实例。
文章图片
- renderer: Renderer2
文章图片
- changeDetectorRef: ChangeDetectorRef
- positioningService: PositioningService
负责元素 focus 相关的实现。
文章图片
- winRef: WindowRef
文章图片
更多Jerry的原创文章,尽在:"汪子熙":
文章图片
推荐阅读
- 通过 Feature Level 动态控制 SAP Spartacus 的页面显示
- 关于问题 SAP ABAP ME2O 事物码如何(是否可以)打印发货单(如何自己找到答案)
- 深入掌握 SAP Fiori Elements 工作原理的前提条件(理解 Smart Field)
- SAP Spartacus B2B 页面 Disable Confirmation 对话框的显示原理
- 装机高手教你怎样进bios
- 装机高手教你如何查看硬盘是gpt还是mbr分区
- 装机高手教你如何不借助工具进行gpt分区
- u盘系统盘制作制作详细说明
- 装机高手教你U盘不能格式化怎样办