eckige2 Direktive `Kann Eigenschaft 'subscribe' von undefined nicht mit Ausgabenmetadaten lesen

Question

In Bezug auf Angular2 Richtlinie wollte ich outputs anstelle von @Output verwenden, weil ich viele benutzerdefinierte Ereignisse habe und DRY behalten wollte.

Allerdings habe ich TypeError: Cannot read property 'subscribe' of undefined, und ich weiß nicht, warum es passiert.

http://plnkr.co/edit/SFL9fo?p=preview

import { Directive } from "@angular/core"; 

@Directive({ 
    selector: '[my-directive]', 
    outputs: ['myEvent'] 
}) 
export class MyDirective { 
    constructor() { 
    console.log('>>>>>>>>> this.myEvent', this.myEvent); 
    } 
} 

Und das ist App-Komponente, die diese Anweisung

Answer 1

Sie müssen verwendet die Ausgabe initialisieren:

import { Directive } from "@angular/core"; 

@Directive({ 
    selector: '[my-directive]', 
    outputs: ['myEvent'] 
}) 
export class MyDirective { 
    myEvent:EventEmitter<any> = new EventEmitter(); // <----- 

    constructor() { 
    console.log('>>>>>>>>> this.myEvent', this.myEvent); 
    } 
} 

Sie könnten auch die @HostListener Dekorateur verwenden:

@Directive({ 
    selector: '[my-directive]' 
}) 
export class MyDirective { 
    @HostListener('myEvent') 
    myEvent:EventEmitter<any> = new EventEmitter(); // <----- 

    constructor() { 
    console.log('>>>>>>>>> this.myEvent', this.myEvent); 
    } 
}