gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-12-01 02:41:47 24 4
gpt4 key购买 nike

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

Jquery

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

TypeScript

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

export class AppComponent {

}

最佳答案

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

希望这有帮助:)

关于javascript - 使用 Typescript 捕获 Angular 中的点击事件?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47527032/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com