时间戳

首页 > 解决方案 > HTML鼠标事件onclick在简单的Angular项目中不起作用

javascript - HTML鼠标事件onclick在简单的Angular项目中不起作用

问题描述

我是 Angular 框架的新手。我正在尝试在app.components.html文件中创建一个简单的按钮，单击它后会将我带到app.component.ts文件中声明的函数。当我使用（click）事件属性时，一切正常，但是当我使用onclick HTML 事件时，它不起作用。

app.component.html 是一个 HTML 文件，那么为什么 HTML 鼠标事件在这里不起作用？有人请在这里帮忙。app.component.html 文件 -

<input type="button" value="Click Me" onclick="getName('AAKASH')"/>

app.component.ts 文件 -

import { Component } from '@angular/core';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
// We can declare properties here
export class AppComponent {
  title = 'blog';

  getName(name) {

    alert(
      "button has been clicked" + name + " " 
    )

  }
}

标签： javascripthtmlangular

解决方案

Angular 中不存在 Html 鼠标事件。在 Angular 中，HTML 鼠标事件的名称与 html 不同。我们可以参考此链接列出 Angular 中的所有鼠标事件 - https://dev.to/orahul1/angular-mouse-events-41l9

推荐阅读