RxJS ऑब्ज़र्वेबल्स

ऑब्ज़र्वेबल क्या है?

ऑब्ज़र्वेबल समय के साथ आने वाले मानों की एक धारा को दर्शाता है — HTTP रिस्पॉन्स, क्लिक की धारा, या राउट परिवर्तन — ये सब Angular में ऑब्ज़र्वेबल हैं।

subscribe()

जब तक आप subscribe न करें, कुछ नहीं चलता। कॉलबैक को हर उत्सर्जित मान मिलता है।

this.productService.getProducts().subscribe(products => {
  this.products = products;
});

ऑपरेटर: map और filter

pipe(), ऑपरेटर को जोड़कर धारा को बदलता है — map मान का रूप बदलता है, filter अनचाहे मान हटाता है।

this.productService.getProducts().pipe(
  map(products => products.filter(p => p.inStock)),
).subscribe(inStockProducts => {
  this.products = inStockProducts;
});

async पाइप

टेम्पलेट में, | async आपकी ओर से subscribe करता है और अपने-आप unsubscribe भी करता है — उस बाइंडिंग के लिए मैनुअल क्लीनअप ज़रूरी नहीं।