Angular2コンポーネントコードでイベントを購読するにはどうすればよいですか？

Question

私はOutputイベントと[boolean]ディレクティブがあります。私は、コンポーネントのコードからではなくビューで、このイベントをサブスクライブしたい

<input type="checkbox" [boolean] (booleanChanged)="updateBoolean()"/> 

：

@Output() booleanChanged = new EventEmitter(); 
... 
this.booleanChanged.emit(value); 

そして、私の見解では。

これを行う方法はありますか？

Answer 1

@Output()イベントは(myoutput)="..."バインドでのみ使用できます。

カスタムDOMイベントを出力できます。 DOMイベントバブルと

class BooleanDirective { 
    constructor(private elRef:ElementRef){} 

    emitEvent() { 
    final event = new CustomEvent('mycustomevent', {detail: 'abc', bubbles : true}); 
    this.elRef.nativeElement.dispatchEvent(event) 
    } 
} 

@HostListener('mycustomevent', ['$event']) 
myCustomEventHandler(event) { 
    ... 
} 

親コンポーネントからに聞くことができるがangular2 manually firing click event on particular element