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类型。

相关内容

热门资讯

透视好友房!决战卡五星辅助,w... 透视好友房!决战卡五星辅助,wpk刷入池率脚本-原生有挂开挂辅助挂;无需打开直接搜索加薇136704...
总算了解!烽火互动辅助,微信边... 总算了解!烽火互动辅助,微信边锋辅助(有挂开挂辅助器);无需打开直接搜索加(薇:136704302)...
透明挂透视!闽游互动辅助器,w... 您好:闽游互动辅助器这款游戏可以开挂的,确实是有挂的,很多玩家在这款游戏中打牌都会发现很多用户的牌特...
传递经验!约局吧辅助软件,掌电... 传递经验!约局吧辅助软件,掌电竞技辅助工具(有挂开挂辅助神器);无需打开直接搜索加薇13670430...
透视中牌率!雀神广东定制插件,... 透视中牌率!雀神广东定制插件,We poker辅助器下载-从前有挂开挂辅助平台1、下载安装好雀神广东...
玩家必看教程!陕西挖坑辅助,微... 玩家必看教程!陕西挖坑辅助,微信边锋辅助下载(有挂开挂辅助平台);无需打开直接搜索加(薇:13670...
透明有挂!韵味字牌有没有挂,a... 您好:韵味字牌有没有挂这款游戏可以开挂的,确实是有挂的,很多玩家在这款游戏中打牌都会发现很多用户的牌...
科技通报!四川血战到底攻略,吉... 科技通报!四川血战到底攻略,吉林心悦有挂吗(有挂开挂辅助挂);无需打开直接搜索加薇136704302...
透视最新!大咖娱乐破解器,we... 透视最新!大咖娱乐破解器,wepoker开辅助能查到吗-原生有挂开挂辅助软件;无需打开直接搜索打开薇...
实操分享!白银胡乐白银版辅助,... 实操分享!白银胡乐白银版辅助,杭州边锋辅助软件(有挂开挂辅助工具);无需打开直接搜索薇:136704...