Angular 17 点击事件未触发？

Question

我从 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 命令创建了我的应用程序。

Answer 1

请检查node_modules删除并通过npm i重新安装 节点版本：

工作正常。没有问题事件没有触发。 https://app.usebubbles.com/qrtpT9i5NcywCHFjmErfGo/angular-17-click-event-not-firing