如何覆盖在outlet中引用的组件。示例，如何覆盖用作插座的 CartItemListComponent

Question

我们希望为结帐和订单页面中的购物车条目定义新的设计。为此，我们要覆盖斯巴达克斯的 OOTB 中的 CartItemListComponent。我们怎样才能做到这一点？

我尝试覆盖此配置，两个组件现在都已出现。也尝试更换，两个组件都出现了。

Answer 1

您只能覆盖 CMS 组件。 对于您的场景，定义一个新的自定义组件并在providerOutlet配置中定义您的组件。 然后你的组件应该被选中。

    provideOutlet({
      id: CartOutlets.CART_ITEM_LIST,
      component: CustomComponent,
      position:OutletPosition.REPLACE
      
    }),