Product Carousel的ComponentData通过构造函数注入:


通过查看componentData.data$.operator.project就能知道这个Observable的Operator逻辑:

this.getComponentData(uid, currentContext)设置断点:


在product-carousel.component.ts的items$设置断点:ComponentData通过构造函数注入。



首页的这些数据都是通过scope.LIST来读取的:

点击某个icon后:


此时进入product-variant.guard.ts:调用productService.get, scope为ProductScope.VARIANTS:

稍后再次触发,scope为Product.details:

网友评论