I have a [boolean] directive with an Output event:
@Output() booleanChanged = new EventEmitter();
...
this.booleanChanged.emit(value);
And in my view:
<input type="checkbox" [boolean] (booleanChanged)="updateBoolean()"/>
I would like to subscribe to this event from the component's code and not in the view.
Is there a way to do so?
@Output() events can only be used by (myoutput)="..." bindings.
You could emit a custom DOM event. DOM events bubble and can be listened to from parent components
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) {
...
}
See also angular2 manually firing click event on particular element
var. I'm sure it will work. I don't use TypeScript myself, but expected it to work.