एक बार ईवेंट एमिटर की सदस्यता कैसे लें?

Question

// Part of service 
public someEvent: EventEmitter<number> = new EventEmitter(); 

.... 

// Component 
@Component({ 
    selector: 'some-component', 
    template: `...` 
}) 
export class SomeComponent { 
    constructor(public service: Service) { 
    this.service.someEvent.subscribe((x) => { 
     // Do something 
    }); 
    } 
} 

SomeComponent/ मार्ग में प्रदर्शित होता है। जब मैं अपने आवेदन में अलग-अलग मार्ग पर नेविगेट करता हूं, और फिर वापस आ जाता हूं, SomeComponent फिर से ईवेंट की सदस्यता लेता है, जिससे कॉलबैक दो बार आग लग जाता है। घटना के सब्सक्राइब करने के बाद एक बार या सदस्यता की बर्बादी पर सदस्यता कैसे लें?

// Can't subscribe after. 
ngOnDestroy() { 
    this.service.someEvent.unsubscribe(); 
} 

Answer 1

subscribe को एक कॉल एक instance of Disposable है, जो एक विधि dispose है देता है।

या यदि आप आरएक्सजेएस 5, dispose has been renamed to unsubscribe (धन्यवाद @EricMartinez) का उपयोग कर रहे हैं।

और RxJS docs से:

... के रूप में यह में स्ट्रीमिंग आता है जब हम डेटा प्राप्त करने में नहीं रह गया है रुचि रखते हैं, हम अपने सदस्यता पर निपटाने कहते हैं।

---

स्टोर subscribe करने के लिए अपने कॉल का परिणाम और बाद में ngOnDestroy भीतर सदस्यता के निपटान के।

RxJS 5:

export class SomeComponent { 
    constructor (public service: Service) { 
    this.subscription = this.service.someEvent.subscribe((x) => {...}); 
    } 
    ngOnDestroy() { 
     this.subscription.unsubscribe(); 
    } 
} 

RxJS < 5:

export class SomeComponent { 
    constructor (public service: Service) { 
    this.subscription = this.service.someEvent.subscribe((x) => {...}); 
    } 
    ngOnDestroy() { 
     this.subscription.dispose(); 
    } 
} 

Answer 2

आप कुछ इस तरह कर सकते हैं:

import { OnDestroy } from '@angular/core'; 
import { Subscription } from 'rxjs/Rx'; 

export class SomeComponent implements OnDestroy { 
    private _subscription: Subscription; 
    constructor(public service: Service) { 
    this._subscription = this.service.someEvent.subscribe((x) => { 
     // Do something 
    }); 
    } 
} 

ngOnDestroy(){ 
    this._subscription.unsubscribe(); 
}