निर्देशों में बच्चों के तत्वों की घटनाओं को कैसे सुनें?

Question

चूंकि कोई टेम्पलेट नहीं है, इसलिए निर्देश में बाल तत्वों की घटना को सुनने का सबसे अच्छा तरीका क्या है? क्या यह HostListener के साथ संभव है? यदि नहीं, तो क्या कोई और तरीका है?

यह भी इसी तरह का प्रश्न है: How to listen for child event from parent directive in Angular2, लेकिन सुझाया गया दृष्टिकोण मेरी समस्या का समाधान नहीं करता है, क्योंकि मेरा निर्देश और बाल तत्व एक ही टेम्पलेट में नहीं है (निर्देश मेजबान पर है)।

चीयर्स!

# संपादित करें 1

यह कैसे मैं वर्तमान में (एक बेहतर तरीका होना करने के लिए वहाँ गया है) यह कर रहा हूँ है:

constructor(private elView: ElementRef) {} 

:

सबसे पहले मेरी निर्देश में ElementRef इंजेक्शन फिर jQuery (या सादा जेएस) के साथ बाध्यकारी:

$(this.elView.nativeElement) 
.on('drag', '#childId', this.slide.bind(this)) 

Answer 1

घटना आप सुनना चाहते हैं एक देशी डोम घटना है कि बुलबुले है, तो आप सिर्फ @HostListener()

@HostListener('click', ['$event']) 
handleClick(event) { 
    // handle event 
} 

का उपयोग वे बच्चे घटकों के आउटपुट कर रहे हैं कर सकते हैं, तो आप उन्हें क्वेरी कर सकता है और उनके outputs की सदस्यता

@ContentChildren(ChildComponent) children:QueryList<ChildComponent>; 

ngAfterContentInit() { 
    this.children.toArray().forEach((item) => { 
    item.someOutput.subscribe(...); 
    }); 
} 

या आप अपने प्रश्न से जुड़े उत्तर में उपयोग किए गए दृष्टिकोण का उपयोग कर सकते हैं।

Answer 2

आप अपने घटकों को सेवा-कक्षा के माध्यम से एक-दूसरे के साथ संवाद करने पर विचार कर सकते हैं।

// service class 
class Service { 
    private someEventSource = new Subject(); 
    public someEvent = this.someEventSource.asObservable(); 

    public invokeAnEvent (data: string) { 
    this.someEventSource.next(data); 
    } 
} 

// parentComponent class 
Service.someEvent.subscribe(data => { 
    console.log(data); 
}); 

// childComponent class 
Service.invokeAnEvent('some data to pass'); 

कोणीय प्रलेखन से

:
https://angular.io/docs/ts/latest/cookbook/component-communication.html#!#bidirectional-service