कोणीय 2 घटक सेवा में परिवर्तन सुनने के लिए

Question

मेरे पास परिवर्तन पहचान के बारे में एक साधारण सवाल है।

मेरे पास एक बूलियन के साथ एक घटक और एक (वैश्विक) सेवा है। मैं उस बूलियन को घटक कैसे सुन सकता हूं और उस बूलियन में परिवर्तन करने पर फ़ंक्शन निष्पादित कर सकता हूं?

धन्यवाद!

Answer 1

इस बूलियन में परिवर्तन के आधार पर आप इसे अपनी सेवा पर Observable<boolean> के रूप में बेनकाब कर सकते हैं और फिर अपने घटक में उस स्ट्रीम की सदस्यता ले सकते हैं। आपकी सेवा कुछ ऐसा दिखाई देगा:

@Component({...}) 
export class MyComponent { 
    currentBool: boolean; 

    constructor(service: MyBooleanService) { 
     service.myBool$.subscribe((newBool: boolean) => { this.currentBool = newBool; }); 
    } 
} 

अब आप कि bool मूल्य के साथ क्या करने की जरूरत पर निर्भर करता है कि आप कुछ करने की जरूरत है हो सकता है:

@Injectable() 
export class MyBooleanService { 
    myBool$: Observable<boolean>; 

    private boolSubject: Subject<boolean>; 

    constructor() { 
     this.boolSubject = new Subject<boolean>(); 
     this.myBool$ = this.boolSubject.asObservable(); 
    } 

    ...some code that emits new values using this.boolSubject... 
} 

फिर अपने घटक में आप कुछ इस तरह होता है अन्य चीजों को अपडेट करने के लिए अपने घटक को प्राप्त करने के लिए, लेकिन यह एक अवलोकन योग्य का उपयोग करने का सारांश है।

एक और विकल्प यह है कि आप अपने टेम्पलेट के भीतर एसिंक पाइप का उपयोग कन्स्ट्रक्टर में स्ट्रीम की स्पष्ट रूप से सदस्यता लेने के बजाय करते हैं। फिर भी, यह इस बात पर निर्भर करता है कि आपको बूल मूल्यों के साथ वास्तव में क्या करना है।

Answer 2

सैम का उत्तर पूरी तरह से सही है।

@Injectable() 
export class MyBooleanService { 
    myBool$: Observable<boolean>; 

    private boolSubject: Subject<boolean>; 

    constructor() { 
     this.boolSubject = new Subject<boolean>(); 
     this.myBool$ = this.boolSubject.asObservable(); 
    } 

    set myBool(newValue) { 
     this._myBool = newValue; 
     this.boolSubject.next(newValue); 
    } 
}