SAP Spartacus cxFocus的config属性的赋值原理

this.config什么时候赋的值？

在构造函数执行时，this.config还是空的。

Jerry已经测试过了，这个设置，只会触发cxFocus的一个实例的创建。

这个值是什么时候传递到Directive的config属性的？

在Angular的detect change触发后调用set函数时，template里指定的配置值就已经传递到Directive实例里去了：

使用Object.defineProperty注册一个hook，这样一旦this.config值发生变化时，hook绑定的function会触发，可以容易地监控cxFocusDirective config属性的赋值时机。

果然，这个属性的赋值还是发生在elementPropertyInternal方法里：

setInputsForProperty：

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

SAP Spartacus cxFocus的config属性的赋值原理相关推荐

SAP Spartacus B2B 页面 Disable 按钮的显示原理
SAP Spartacus B2B 页面 disable 按钮如下图所示. 这个高亮的 disable 按钮,和左边相邻的 Edit 按钮,实现位于不同的 Component. disable 按钮有 ...
SAP Spartacus B2B页面Budget页面的设计原理
打开SAP Spartacus My Company菜单,第一个banner即为Budgets页面的入口: http://localhost:4200/powertools-spa/en/USD/or ...
SAP Spartacus cxFocus增添了refresh Focus功能后的一些考虑
ngAfterViewInit Hook: 负责视图渲染完毕后,执行handleFocus来使元素得到focus nOnChanges: 当配置的refreshFocus指向的Component 属性 ...
SAP Spartacus cxFocus Directive施加后导致tabindex为-1的副作用研究
我第一次看到下图第44行代码时,以为仅仅是一个简单的赋值操作,把requiredTabindex的值赋成-1: 后来发现,这个requiredTabindex不是一个字段的值,而是一个set函数的名称 ...
如何访问SAP Spartacus里的config数据
App module里调用ConfigModule.withConfig注入配置,调用两次withConfig,传入的参数会进行合并: ConfigModule.withConfig({cmsComp ...
SAP Spartacus cxFocus单元测试Expected null to equal -1的错误分析
当下图expect执行的时候,包裹在setTimeout里执行的this.requiredTabindex = -1赋值语句尚未得到执行的机会: 因此出错: persist-focus.directi ...
SAP Spartacus cost center list class的赋值逻辑
需求:搞清楚这个dom元素的class:orgCostCenter是从什么地方来的在list.component.ts里找到该class通过@HostBinding绑定到了host元素的class: ...
SAP Spartacus 标准的 Effects 实现的注入原理
先研究标准的 effect 为何可以被 call 到:在 ProductReviewsEffects 构造函数里设置断点: 发现在访问首页时,断点即触发. 为什么 AppModule 启动时,就要加载 ...
SAP Spartacus B2B List里的listData$设计原理
UI components do not store response data from observables locally, which means destroy logic can be ...

SAP Spartacus cxFocus的config属性的赋值原理

SAP Spartacus cxFocus的config属性的赋值原理相关推荐

最新文章

热门文章