Ionic 4-получить обновление переменной с помощью BehaviorSubject

Дома у меня есть список продуктов, который при нажатии открывает модальный продукт с кнопкой для добавления в корзину. При добавлении сумма появляется рядом со значком. Я хочу закрыть этот режим в app.component, чтобы обновить значок в нижнем колонтитуле. Мне нужно обновить эту корзину модальным значением, которое было закрыто без обновления.

service.ts

public totalShop: BehaviorSubject<String>;

 constructor() {
    this.totalShop = new BehaviorSubject('0');       
 }

 setTotalShop(val) {    
    this.totalShop.next(val);    
  }

  clearTotalShop() {
    this.totalShop.next('0');
  }

  getTotalShop(){    
    return this.totalShop.asObservable();
  }

modalProduto.ts

fnShop(){
    quantidade = quantidade +1
    this.servico.setTotalShop(quantidade)
 }

app.component.ts

quantshop;
 subscription: Subscription;

 ngOnInit(): void {
   this.subscription = this.servico.getTotalShop().subscribe(val => this.quantshop = val);
   console.log(this.quantshop)
}

app.module

  providers: [servico]

изображение