关于Angular2指令,我想使用outputs
而不是使用,@Output
因为我有很多自定义事件,并且希望保持DRY。
但是,我有TypeError: Cannot read property 'subscribe' of undefined
,而且我不知道为什么会这样。
http://plnkr.co/edit/SFL9fo?p=预览
import { Directive } from "@angular/core";
@Directive({
selector: '[my-directive]',
outputs: ['myEvent']
})
export class MyDirective {
constructor() {
console.log('>>>>>>>>> this.myEvent', this.myEvent);
}
}
这是使用此指令的应用程序组件
您需要初始化输出:
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);
}
}
您还可以使用@HostListener
装饰器:
@Directive({
selector: '[my-directive]'
})
export class MyDirective {
@HostListener('myEvent')
myEvent:EventEmitter<any> = new EventEmitter(); // <-----
constructor() {
console.log('>>>>>>>>> this.myEvent', this.myEvent);
}
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句