在angular8的电子商务站点下订单后，如何重置可观察到的？

在我的

angular8

电子商务应用程序中，我有一个名为

shoppingWidget

的子

组件，它位于名为“header”的父组件中。在
shoppingWidget
中，我在
图标上显示
cart
项目
count
。为此，我有一个
cart.service.ts
，其中我有一个
函数

public getItems(): Observable<CartItem[]> {
  const itemsStream = new Observable(observer => {
    observer.next(products);
    observer.complete();
  });
  return <Observable<CartItem[]>>itemsStream;
}

  constructor(private cartService: CartService) {
    this.cartService.getItems().subscribe(shoppingCartItems => this.shoppingCartItems = shoppingCartItems);

  }

<div class="main-menu-wrapper-2" fxLayout="row" fxLayoutAlign="space-between center">
     <mat-toolbar class="top-navbar top menu">
        <app-shopping-widgets [shoppingCartItems]="shoppingCartItems"></app-shopping-widgets>
     </mat-toolbar>
</div>

然后像这样在我的子组件
shoppingWidget
中pasing
this.shoppingCartItems

public getItems(): Observable<CartItem[]> {
  const itemsStream = new Observable(observer => {
    observer.next(products);
    observer.complete();
  });
  return <Observable<CartItem[]>>itemsStream;
}

  constructor(private cartService: CartService) {
    this.cartService.getItems().subscribe(shoppingCartItems => this.shoppingCartItems = shoppingCartItems);

  }

<div class="main-menu-wrapper-2" fxLayout="row" fxLayoutAlign="space-between center">
     <mat-toolbar class="top-navbar top menu">
        <app-shopping-widgets [shoppingCartItems]="shoppingCartItems"></app-shopping-widgets>
     </mat-toolbar>
</div>



现在，购物车工作正常。但问题是，当在网站上下单完成使用时，我必须重置购物车上显示的
计数
，我想再次将该计数设置为
0

我怎样才能做到这一点呢？
这里的这一点：

public getItems(): Observable<CartItem[]> {
  const itemsStream = new Observable(observer => {
    observer.next(products);
    observer.complete();
  });
  return <Observable<CartItem[]>>itemsStream;
}

使用主题可以控制可观察对象，您不需要完成该可观察对象就可以继续接收有关它的更新。
在
observer中
产品
在哪里。下一个（产品）
定义了吗？