Angular 输出事件emmiter在角度5中抛出错误
我有一个奇怪的问题,我在Angular 5.2.11中有一个项目,包含父组件和子组件。在我在子组件中添加了@Output decorator来对父组件进行响应之前,一切都很正常。这是孩子TS:Angular 输出事件emmiter在角度5中抛出错误,angular,typescript,eventemitter,Angular,Typescript,Eventemitter,我有一个奇怪的问题,我在Angular 5.2.11中有一个项目,包含父组件和子组件。在我在子组件中添加了@Output decorator来对父组件进行响应之前,一切都很正常。这是孩子TS: questionCorrectAnswer:number; nextQuestion(){ this.nextQuestionEvent.emit({}); } 这是孩子的HTML <a (click)="nextQuestion()" class="btn btn-primary">
questionCorrectAnswer:number;
nextQuestion(){
this.nextQuestionEvent.emit({});
}
这是孩子的HTML
<a (click)="nextQuestion()" class="btn btn-primary">Go to next question</a>
一旦页面加载,它就会将我重定向到主页,在Chrome的控制台中,我看到以下错误:
正如你所看到的,这不是一个非常描述性的错误,因为我在谷歌上搜索了它,但发现了其他与我无关的错误
有一点很奇怪,如果我删除app question displayer标签中的事件监听器(nextQuestionEvent)=“nextQuestion($event)”,应用程序不会崩溃
你认为会是什么
提前谢谢
编辑:
这是输出定义:
@Output() nextQuestionEvent:EventEmitter<any>;
@Output()nextQuestionEvent:EventEmitter;
您尚未实例化EventEmitter
请使用以下代码执行此操作:
@Output() nextQuestionEvent:EventEmitter<any> = new EventEmitter();
@Output()nextQuestionEvent:EventEmitter=neweventemitter();
共享您创建输出装饰器的代码。您能从中准备工作stackblitz吗?我刚刚编辑了文章以添加输出装饰器的代码。我太笨了!就这样!!非常感谢你!!
@Output() nextQuestionEvent:EventEmitter<any>;
@Output() nextQuestionEvent:EventEmitter<any> = new EventEmitter();