Ionic 4- Menerima Pembaruan Variabel dengan BehaviorSubject

Di rumah saya memiliki daftar produk yang di klik membuka modal produk dengan tombol untuk menambahkan ke keranjang. Saat Anda menambahkan jumlahnya muncul di sebelah ikon. Saya ingin menutup mode ini di app.component untuk memperbarui ikon yang ada di footer. Saya perlu memperbarui keranjang ini dengan nilai modal yang ditutup tanpa penyegaran.

servico.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)
 }

aplikasi.component.ts

quantshop;
 subscription: Subscription;

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

aplikasi.modul

  providers: [servico]

gambar

masukkan deskripsi gambar di sini


person alebarros    schedule 08.11.2019    source sumber


Jawaban (1)


Saya kira Anda menggunakan lencana material bersudut.

Anda dapat menggunakan pipa async sudut di html Anda.

<mat-icon [matBadge]="global.getTotalShop() | async">icon</mat-icon>

Anda perlu membuat layanan menjadi publik untuk mengaksesnya di html atau membuat variabel lain di komponen yang Anda tetapkan BehaviourSubject.

person Havald    schedule 08.11.2019
comment
Tidak ada yang terjadi, ia mengambil nilai default nol - person alebarros; 08.11.2019
comment
memperbarui nama layanan, salah .. tetapi masih belum mendapatkan hasilnya - person alebarros; 08.11.2019