how to solve Uncaught ReferenceError: function is not defined

Question

我创建的函数仍然显示 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

Answer 1

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

像这样-

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

Answer 2

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

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

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

javascript