angular2指令“无法读取未定义的属性” subscribe”,带有输出元数据

Allenhwkim

关于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] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

Angular 2无法读取未定义类型的属性“ subscribe”:无法读取未定义的属性“ subscribe”

Angular2指令中“输出属性”的目的是什么?

Angular无法读取未定义的属性“ subscribe”

Angular 9 TypeError:无法读取未定义的属性“ subscribe”

带有Webpack的Angular 2(无法读取未定义的属性“排除”)

Angular2-无法读取嵌套调用中未定义的属性“ subscribe”

运行npm测试(Angular 2单元测试)后无法读取未定义的属性“ subscribe”

无法读取未定义的属性“元”

Angular 2 数据绑定(无法读取未定义的属性“proposta_usuario”)

无法读取未定义的属性“数据”

带有承诺的角度“无法读取未定义的属性'then'”

导航到带有 Angular 中 ID 的路由时,无法读取未定义的属性“id”

Angular2-单元测试可观察到的错误“无法读取未定义的属性'subscribe'”

Angular / ng2-charts:在图表对象中获取json数据,显示:无法读取未定义的属性'length'

无法读取Ionic 4(Angular 8)上未定义的属性“ subscribe”

Angular 4单元测试错误“ TypeError:无法读取未定义的属性'subscribe'”

TypeError:无法读取未定义的属性(读取“有”)

角“无法读取未定义的属性'subscribe'”

业力TypeError“无法读取未定义的属性'subscribe'”

TypeError:无法读取未定义的属性“数据”-但已定义

Angular 6-错误TypeError:显示输出时,无法读取未定义的属性“ firstName”

ng2-translate:无法读取TranslatePipe.transform中未定义的属性“ subscribe”

Angular的新HTTP客户端错误无法读取未定义的属性“数据”

在 angular 2 中使用自定义管道,无法加载 html 的加载数据引发错误无法读取未定义的属性

Chartjs无法读取未定义的属性数据集

角度:无法读取未定义的属性,但仍显示数据

TypeError:无法读取未定义的属性“ filter”-数据对象

数据表:无法读取未定义的属性“长度”

灰烬数据无法读取未定义的属性“异步”