如何解决 Uncaught ReferenceError: function is not defined答案

【问题标题】：how to solve Uncaught ReferenceError: function is not defined如何解决 Uncaught ReferenceError: function is not defined
【发布时间】：2025-11-28 22:40:01
【问题描述】：

我创建了一个仍然显示 Uncaught ReferenceError: function is not defined

的函数

test.ts

    testLabelClick() {
    console.log('test works');
  }

test.html

 <div class="p-col p-col-nogutter p-col-align-center label-text" onclick="testLabelClick()"> {{text}} </div>

我收到了这个错误

Uncaught ReferenceError: testLabelClick is not defined at HTMLDivElement.onclick

【问题讨论】：

请阅读 Angular 文档以了解事件。 onclick 用于纯 js 不用于角度（点击）事件用于角度项目

标签： javascript angular typescript angular8 angular9

【解决方案1】：

应该是(click)="testLabelClick()"

像这样-

<div class="p-col p-col-nogutter p-col-align-center label-text" (click)="testLabelClick()"> {{text}} </div>

【讨论】：

【解决方案2】：

Angular 事件绑定使用方括号，所以它实际上应该是

 <div class="p-col p-col-nogutter p-col-align-center label-text" (click)="testLabelClick()"> 
    {{text}} 
</div>

onclick 是一个 JavaScript 事件，它会绑定到一个包含的脚本，而不是你的 Angular 组件

【讨论】：