javascript - 使用 Typescript 捕获 Angular 中的点击事件？

Question

我需要将以下 jquery 代码转换为 typescript 代码。

Jquery

$(".room").click({
    console.log("clicked");
});

TypeScript

import { Component } from '@angular/core';
declare var $: any;

export class AppComponent {

}

Answer 1

在 HTML 中具有房间类别的元素上，您可以在组件模板中执行类似以下操作:

例如，如果您的元素是一个按钮:

<button class="room" #btn (click)="buttonClick()">Click Me!</button>

然后在你的类里面:

import { Component } from '@angular/core';
declare var $: any;

export class AppComponent {
    buttonClick(){
        console.log("Button Clicked!");
    }
}

希望这有帮助:)