Angular的currentTarget访问属性
创始人
2024-10-24 02:31:40
0

在Angular中,可以使用@ViewChild装饰器来获取当前元素的引用,并通过.nativeElement属性来访问该元素的属性。

以下是一个示例代码:

import { Component, ElementRef, ViewChild } from '@angular/core';

@Component({
  selector: 'app-example',
  template: `
    
  `
})
export class ExampleComponent {
  @ViewChild('myButton', { static: true }) myButton: ElementRef;

  handleClick(event: MouseEvent) {
    const target = event.currentTarget as HTMLButtonElement;
    console.log(target.textContent); // 输出:Click me

    // 使用ViewChild获取的元素引用
    const nativeElement = this.myButton.nativeElement as HTMLButtonElement;
    console.log(nativeElement.textContent); // 输出:Click me
  }
}

在上述代码中,我们使用@ViewChild装饰器来获取模板中的myButton元素的引用,并在handleClick方法中访问了currentTarget属性的值。另外,我们也通过this.myButton.nativeElement来访问myButton元素的属性。注意要进行类型断言,将其转换为HTMLButtonElement类型。

相关内容

热门资讯

透视游戏"wepok... 透视游戏"wepoker有辅助功能吗"详细辅助AA德州教程(透视脚本神器);科技安装教程;13670...
透视新版"pokem... 透视新版"pokemmo手机脚本辅助器"详细辅助透牌教程(购买模拟器软件)是一款可以让一直输的玩家,...
透视规律"hhpok... 透视规律"hhpoker有没有作弊辅助"详细辅助教你攻略(私局代打软件);科技安装教程;136704...
透视脚本"hhpok... 透视脚本"hhpoker万能辅助器"详细辅助透明教程(破解工具辅助)1、玩家可以在hhpoker万能...
透视科技"德州局透视... 您好,德州局透视这款游戏可以开挂的,确实是有挂的,需要了解加微【136704302】很多玩家在这款游...
透视攻略"hhpok... 透视攻略"hhpoker怎么防作弊"详细辅助专业教程(辅助器免费辅助);亲真的是有正版授权,小编(透...
透视游戏"福建大菠萝... 此外,数据分析德州(福建大菠萝万能辅助器)辅助神器app还具备辅助透视行为开挂功能,通过对客户福建大...
透视ai代打"智星德... 透视ai代打"智星德州辅助译码插件靠谱吗"详细辅助必备教程(-h5下载方法);支持多人共享记分板与复...
透视辅助"佛手在线大... 透视辅助"佛手在线大菠萝辅助"详细辅助新2025版(的辅助器方法)1、很好的工具软件,可以解锁游戏的...
透视私人局"wepo... 透视私人局"wepokerplus作弊"详细辅助必赢方法(底牌透视透明);人气非常高,ai更新快且高...