Angular2 Как подписаться на событие в Компонентном коде?

Question

У меня есть [boolean] директиву с Output события:

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

И на мой взгляд:

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

Я хотел бы подписаться на это событие из кода компонента, а не с точки зрения ,

Есть ли способ сделать это?

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