Question

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

Jquery的

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

打字稿

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!");
    }
}

希望这会有所帮助：）

使用Typescript捕获Angular中的单击事件？

1 个答案: