我从 Angular 开始,我有以下代码,
app.component.html =>
<div (click)="myFunction()" >{{ title }}</div>
<div>Count is: {{ count }}</div>
<button (click)="updateCount();" type="button">Button</button>
app.component.ts =>
import { Component } from '@angular/core';
import { RouterOutlet } from '@angular/router';
@Component({
selector: 'app-root',
standalone: true,
imports: [RouterOutlet],
templateUrl: './app.component.html',
styleUrl: './app.component.css',
})
export class AppComponent {
title = 'Angular Learn';
count = 1;
updateCount() {
this.count++;
}
myFunction() {
console.log('Title Clicked');
alert('Title Clicked');
}
}
ts 文件中定义的这些函数不会被触发。不知道这里出了什么问题。我使用 npm init @angular angular-learn 命令创建了我的应用程序。
请检查node_modules删除并通过npm i重新安装 节点版本:
工作正常。没有问题事件没有触发。 https://app.usebubbles.com/qrtpT9i5NcywCHFjmErfGo/angular-17-click-event-not-firing