# RxJS ऑब्ज़र्वेबल्स — एंगुलर

Source: https://www.geekswithgeeks.com/hi/angular/ng-rxjs-observables

> समय के साथ आने वाले मानों की धाराएँ, और उनके साथ काम करने का तरीका।

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

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

## subscribe()

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

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

## ऑपरेटर: map और filter

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

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

## async पाइप

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