大佬教程收集整理的这篇文章主要介绍了Angular 12:事件发射器未定义,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在学习 Angular(版本 12.0.1,TypeScript 4.3.4)并且无法弄清楚为什么这个事件发射器是未定义的。有什么想法吗?
我得到的错误信息:ERROR TypeError: this.gameClick is undefined
.ts 文件:
import { Component,OnInit,Output,EventEmitter } from '@angular/core';
@Component({
SELEctor: 'app-game-control',templateUrl: './game-control.component.HTML',styleUrls: ['./game-control.component.sCSS']
})
export class GameControlComponent implements OnInit {
gameInterval: number = 0;
score: number = 0;
@Output() gameClick: EventEmitter<any> = new EventEmitter<{ clicks: number }>();
constructor() { }
ngOnInit(): voID {
}
emitEvent() {
this.gameClick.emit({ clicks: this.score });
this.score++;
}
startGame() {
this.gameInterval = seTinterval(this.emitEvent,1000);
}
stopGame() {
clearInterval(this.gameInterval);
}
}
HTML 文件:
<div class="controls">
<button
class="btn-game"
(click)="startGame()"
>Start game</button>
<button
class="btn-game"
(click)="stopGame()"
>Stop game</button>
</div>
更改此功能:
emitEvent() {
this.gameClick.emit({ clicks: this.score });
this.score++;
}
到
emitEvent = (): void => {
this.gameClick.emit({ clicks: this.score });
this.score++;
}
以上是大佬教程为你收集整理的Angular 12:事件发射器未定义全部内容,希望文章能够帮你解决Angular 12:事件发射器未定义所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。